fixed css

app/assets/styles/app.css

@@ -1,6 +1,6 @@
 /* Default app color palette */
 :root,:after,:before {
-    --app-color-primary: var(--eicui-base-color-primary-100);
+    --app-color-primary: #473;
     --app-color-secondary: var(--eicui-base-color-grey-100);
     --app-color-success: var(--eicui-base-color-success-100);
     --app-color-danger: var(--eicui-base-color-danger-100);
@@ -24,18 +24,20 @@
     --app-header-height: var(--eicui-app-top-message-height);
     
     --app-menu-collapsed-width: 50px;
-    --app-menu-expanded-width: 240px;
+    --app-menu-expanded-width: 160px;
 
     --app-menu-width: var(--app-menu-expanded-width);
 
 }
 
 body[eicapp] {
+    all: unset; 
     display: grid;
     grid-template-rows: auto;
     grid-template-columns: min-content auto;
     min-height: 100vh;
     box-sizing: border-box;
+    background: repeating-linear-gradient( -45deg, #000, #555 10px, #000 10px, #555 20px );
 }
 
 [eicapp] [eicapptoolbar] {
@@ -101,6 +103,7 @@ body[eicapp] {
 [eicapp] .app-workspace .window.active { 
     z-index: 3; 
     background: var(--app-color-primary);
+    border-radius: .3rem;
 }
 [eicapp] .app-workspace .window > header { display: grid; }
 [eicapp] .app-workspace .window > header h1 {
@@ -123,7 +126,7 @@ body[eicapp] {
 [eicapp] .app-workspace .window > header .controls button.shrink { display: none; }
 [eicapp] .app-workspace .window > section {
     padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-s);
-    background: var(--app-bg-color);
+    /*background: var(--app-bg-color);*/
     cursor: default;
     margin: 0;
     overflow: auto;
@@ -140,7 +143,7 @@ body[eicapp] {
     width: 100%;
     max-width:none;
     padding: 0 var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-3xl) var(--eicui-base-spacing-2xs);
-    background-color: var(--app-bg-color);
+    background: repeating-linear-gradient( -45deg, #000, #555 10px, #000 10px, #555 20px );
     cursor: default;
     margin: 0;
     overflow: visible;
@@ -192,6 +195,7 @@ body[eicapp] {
 [eicapp] .app-content-thesaurus [eicchip] {
     box-shadow: 0px 0px 14px 0px #00000066;
     cursor: pointer;
+    background: var(--app-color-primary);
 }
 [eicapp] .app-content-thesaurus [eicchip] label { cursor: pointer; }
 
@@ -213,6 +217,9 @@ body[eicapp] {
 [eicapp] [device="mobile"] article[eiccard] {
     margin: 0;
 }
+article[eiccard][media] > header {
+    padding: var(--eicui-base-spacing-l) var(--eicui-base-spacing-m) var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
+}
 
 .eic-session {
     padding: 0;
@@ -256,3 +263,8 @@ body[eicapp] {
 [device="mobile"] .cols-8 {
     grid-template-columns: 1fr 1fr;
 }
+
+div.window > section:first-of-type > article[eiccard]:first-of-type{
+    border: 2px solid var(--app-color-primary);
+    border-radius: .5rem;
+}