diff options
| author | Thomas Lange <code@nerdmind.de> | 2023-02-01 13:15:49 +0100 |
|---|---|---|
| committer | Thomas Lange <code@nerdmind.de> | 2023-02-01 13:19:52 +0100 |
| commit | 819f05e5c8aa3306681bf2575941d823712892d7 (patch) | |
| tree | 55fb7968d740edf8bc8d18af9689f6687b3d680d /theme | |
| parent | ef6a02320c49d7117fb5b90e364de80535d4b933 (diff) | |
| download | blog-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.scss | 1 | ||||
| -rw-r--r-- | theme/admin/rsrc/css/dark.css | 4 | ||||
| -rw-r--r-- | theme/admin/rsrc/css/dark.scss | 3 | ||||
| -rw-r--r-- | 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; } |