Darken the background color of the header

Use SCSS variables for the background color of the header and darken it
a bit more for the dark theme of the "admin" template.

4 files changed, 6 insertions, 4 deletions

diff --git a/theme/admin/rsrc/css/bright.scss b/theme/admin/rsrc/css/bright.scss
index a3d5fb2..3d65448 100644
--- a/theme/admin/rsrc/css/bright.scss
+++ b/theme/admin/rsrc/css/bright.scss
@@ -10,6 +10,7 @@ $borderColor: #AAA;
 # Header and navigation
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 $headerBarTextColor: #333;
+$headerBarBackgroundColor: #5E819F;
 $navigationLinkBackgroundColor: #DDD;
 $navigationLinkFocusedBackgroundColor: #CCC;
 
diff --git a/theme/admin/rsrc/css/dark.css b/theme/admin/rsrc/css/dark.css
index 89a5f40..1a46895 100644
--- a/theme/admin/rsrc/css/dark.css
+++ b/theme/admin/rsrc/css/dark.css
@@ -163,7 +163,7 @@ body {
 #header-desc {
   line-height: 1rem; }
 #header-text, #header-desc {
-  color: #333;
+  color: #000;
   font-weight: bold; }
 #header-logo {
   display: block;
@@ -180,7 +180,7 @@ body {
     border-left: none;
     border-right: none; }
   .header-line.background {
-    background: #5E819F;
+    background: #3B546A;
     position: sticky;
     top: 0; }
 
diff --git a/theme/admin/rsrc/css/dark.scss b/theme/admin/rsrc/css/dark.scss
index 3c4ace8..472095a 100644
--- a/theme/admin/rsrc/css/dark.scss
+++ b/theme/admin/rsrc/css/dark.scss
@@ -9,7 +9,8 @@ $borderColor: #1D232B;
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Header and navigation
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-$headerBarTextColor: #333;
+$headerBarTextColor: #000;
+$headerBarBackgroundColor: #3B546A;
 $navigationLinkBackgroundColor: #2D333B;
 $navigationLinkFocusedBackgroundColor: #1D232B;
 
diff --git a/theme/admin/rsrc/css/import/_styles.scss b/theme/admin/rsrc/css/import/_styles.scss
index 4ee4f5b..93c0d8f 100644
--- a/theme/admin/rsrc/css/import/_styles.scss
+++ b/theme/admin/rsrc/css/import/_styles.scss
@@ -187,7 +187,7 @@ body {
 	}
 
 	&.background {
-		background: #5E819F;
+		background: $headerBarBackgroundColor;
 		position: sticky;
 		top: 0;
 	}