Merge pull request #40 from rio-codes/vars

Change hard coded variables in base theme css to variables, update modes
joeroe · Sep 26, 2022 · c94228e · c94228e
2 parents 82b6346 + e93ff30
commit c94228e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/static/css/colour/dark-mode.css b/static/css/colour/dark-mode.css
@@ -4,4 +4,7 @@
     --bright-bg: var(--bright-black);
     --fg: var(--white);
     --bright-fg: var(--bright-white);
+    --logo-bg: var(--green);
+    --logo-hover: var(--bright-green);
+    --highlight-bg: var(--yellow);
 }
diff --git a/static/css/colour/light-mode.css b/static/css/colour/light-mode.css
@@ -4,4 +4,7 @@
     --bright-bg: var(--bright-black);
     --fg: var(--black);
     --bright-fg: var(--bright-black);
+    --logo-bg: var(--green);
+    --logo-hover: var(--bright-green);
+    --highlight-bg: var(--yellow);
 }
diff --git a/static/css/logo.css b/static/css/logo.css
@@ -11,7 +11,7 @@
 
 .page__logo-inner {
     display: block;
-    background: var(--green);
+    background: var(--logo-bg);
     padding: 0.25rem;
 }
 
@@ -22,7 +22,7 @@ a.page__logo-inner:link, a.page__logo-inner:visited {
 
 a.page__logo-inner:hover,
 a.page__logo-inner:active {
-    background: var(--bright-green);
+    background: var(--logo-hover);
 }
 
 .page__logo-inner:before {

diff --git a/static/css/typography.css b/static/css/typography.css
@@ -163,7 +163,7 @@ strong {
 /* Highlighting */
 ::selection,
 mark {
-    background-color: var(--yellow);
+    background-color: var(--highlight-bg);
     color: var(--bg);
 }