refactor(#120): review: bg primary/secondary

jannis-baum · Aug 3, 2024 · 5cd73d4 · 5cd73d4
1 parent dbfab63
commit 5cd73d4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/static/colors.css b/static/colors.css
@@ -2,8 +2,8 @@
  * DARK MODE ---------------------------------------------------------------- */
 
 :root {
-    --bg: black;
-    --bg-highlight: #161616;
+    --bg-primary: black;
+    --bg-secondary: #161616;
     --bg-code: #333;
     --bg-mark: rgba(255, 255, 175, 0.8); 
 
@@ -49,8 +49,8 @@
 
 @media (prefers-color-scheme: light) {
     :root {
-        --bg: white;
-        --bg-highlight: #f6f8fa;
+        --bg-primary: white;
+        --bg-secondary: #f6f8fa;
         --bg-code: #afb8c133;
         --bg-mark: rgba(255, 255, 175, 1);
 

diff --git a/static/markdown.css b/static/markdown.css
@@ -2,7 +2,7 @@
  * CODE --------------------------------------------------------------------- */
 
 pre {
-    background-color: var(--bg-highlight);
+    background-color: var(--bg-secondary);
     padding: 1rem;
     overflow: auto;
 }
@@ -54,7 +54,7 @@ th, td {
 }
 
 tr:nth-child(even) {
-    background-color: var(--bg-highlight);
+    background-color: var(--bg-secondary);
 }
 
 /* --------------------------------------------------------------------------
@@ -194,7 +194,7 @@ img, svg { max-width: 100%; }
 
 /* keyboard */
 kbd {
-    background-color: var(--bg-highlight);
+    background-color: var(--bg-secondary);
     border: 1px solid var(--border-kbd);
     box-shadow: inset 0 -1px 0 var(--border-kbd);
     padding: 3px 5px;

diff --git a/static/style.css b/static/style.css
@@ -3,7 +3,7 @@
 }
 
 html {
-    background-color: var(--bg);
+    background-color: var(--bg-primary);
     color: var(--text-primary);
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     line-height: 1.5;