aboutsummaryrefslogtreecommitdiffstats
path: root/theme
diff options
context:
space:
mode:
authorThomas Lange <code@nerdmind.de>2023-02-01 13:15:49 +0100
committerThomas Lange <code@nerdmind.de>2023-02-01 13:19:52 +0100
commit819f05e5c8aa3306681bf2575941d823712892d7 (patch)
tree55fb7968d740edf8bc8d18af9689f6687b3d680d /theme
parentef6a02320c49d7117fb5b90e364de80535d4b933 (diff)
downloadblog-819f05e5c8aa3306681bf2575941d823712892d7.tar.gz
blog-819f05e5c8aa3306681bf2575941d823712892d7.tar.xz
blog-819f05e5c8aa3306681bf2575941d823712892d7.zip
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.
Diffstat (limited to 'theme')
-rw-r--r--theme/admin/rsrc/css/bright.scss1
-rw-r--r--theme/admin/rsrc/css/dark.css4
-rw-r--r--theme/admin/rsrc/css/dark.scss3
-rw-r--r--theme/admin/rsrc/css/import/_styles.scss2
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;
}