From 5cd73d40e7547a43b136e5f65f9ea241bbf465aa Mon Sep 17 00:00:00 2001
From: Jannis Baum <jannis.baum@gmail.com>
Date: Sat, 3 Aug 2024 17:51:57 +0200
Subject: [PATCH] refactor(#120): review: bg primary/secondary

---
 static/colors.css   | 8 ++++----
 static/markdown.css | 6 +++---
 static/style.css    | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/static/colors.css b/static/colors.css
index 6a9c5c70..27ac175c 100644
--- 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
index 88e03484..39d47d6c 100644
--- 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
index 6b564c52..e13ad262 100644
--- 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;