color updates

zero.Web.UI/App/components/header-bar.vue

@@ -160,7 +160,7 @@
       font-size: 11px;
       font-weight: 700;
       text-transform: uppercase;
-      background: var(--color-bg-shade-5);
+      background: var(--color-bg-shade-3);
       //box-shadow: var(--shadow-short);
       color: var(--color-text);
       height: 22px;

zero.Web.UI/App/components/tables/table-filter-overlay.vue

@@ -188,4 +188,9 @@
   {
     margin-top: 12px !important;
   }
+
+  .ui-table-filter-overlay .ui-select-button-description
+  {
+    color: var(--color-primary);
+  }
 </style>

zero.Web.UI/App/components/tables/table.scss

@@ -63,6 +63,7 @@ a.ui-table-row:hover
   //border-bottom: 1px solid var(--color-line);
   z-index: 2;
   background: var(--color-table-head);
+  /*border-bottom: 2px solid var(--color-bg);*/
 
   .ui-table-cell
   {

zero.Web.UI/Sass/Canvas/_canvas.scss

@@ -39,6 +39,12 @@ body
   display: grid;
   grid-template-columns: auto 1fr;
   justify-content: stretch;
+  grid-gap: 3px;
+}
+
+.theme-rounded .app
+{
+  grid-gap: 0;
 }
 
 .app-main

zero.Web.UI/Sass/Settings/_theme-dark.scss

@@ -12,7 +12,7 @@
 
   // foreground colors
   $color-fg: #fff;
-  $color-fg-shade-1: #7b848a; // dim
+  $color-fg-shade-1: #7d858a; // dim
   $color-fg-shade-2: #8c9094; // dim-two
   
   // background colors  
@@ -108,7 +108,7 @@
   --color-table: #{$color-bg-shade-1};
   --color-table-line-horizontal: transparent; //#{$color-bg-shade-3};
   --color-table-line-vertical: transparent;
-  --color-table-head: #{$color-bg-shade-2};
+  --color-table-head: #{$color-bg-shade-3};
   --color-table-hover: #{$color-bg-shade-2};
 
   // misc