From 819f05e5c8aa3306681bf2575941d823712892d7 Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Wed, 1 Feb 2023 13:15:49 +0100
Subject: 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.
---
 theme/admin/rsrc/css/bright.scss         | 1 +
 theme/admin/rsrc/css/dark.css            | 4 ++--
 theme/admin/rsrc/css/dark.scss           | 3 ++-
 theme/admin/rsrc/css/import/_styles.scss | 2 +-
 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;
 	}
-- 
cgit v1.2.3