additional header css changes

ui/dist/themes/dark.css

@@ -33,7 +33,7 @@
     /* Header */
     --header-color: #CCC;
     --header-active-color: #FFF;
-    --header-button-bg: transparent;
+    --header-button-hover-bg: rgba(255, 255, 255, 0.15);
 
     /* Table */
     --table-border: 0;
@@ -52,5 +52,5 @@
     --media-bg: #CCC;
 
     /* Divider */
-    --divider: 1px solid rgba(255,255,255, 0.12);
+    --divider: 1px solid rgba(255, 225, 225, 0.12);
 }

ui/scss/_vars.scss

@@ -80,13 +80,14 @@ $text-color: #000;
   --header-active-color: rgba(0,0,0, 0.85);
   --header-height: $spacing-vertical * 2.5;
   --header-button-bg: transparent; //var(--button-bg);
-  --header-button-hover-bg: var(--button-bg);
+  --header-button-hover-bg: rgba(100, 100, 100, 0.15);
 
   /* Header -> search */
   --search-bg: rgba(255, 255, 255, 0.7);
   --search-border:1px solid #ccc;
   --search-color: #666;
   --search-active-color: var(--header-active-color);
+  --search-active-shadow: 0 0 3px 0px var(--text-selection-bg);
 
   /* Tabs */
   --tab-bg: transparent;

ui/scss/component/_header.scss

@@ -56,7 +56,7 @@
   &:focus {
     background: var(--search-active-bg);
     color: var(--search-active-color);
-    box-shadow: var(--box-shadow-focus);
+    box-shadow: var(--search-active-shadow);
     border-color: var(--color-primary);
   }
 }