From 944982c78ebf5a1e7f9e0e62a1ea0e1eea8dd8b2 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Wed, 11 Sep 2024 01:16:38 +0200
Subject: [PATCH] fix: separate hr and alt background color

---
 src/_typography.scss         | 2 +-
 src/components/_buttons.scss | 2 +-
 src/main.scss                | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/_typography.scss b/src/_typography.scss
index cb67cb7..7ce33ab 100644
--- a/src/_typography.scss
+++ b/src/_typography.scss
@@ -59,7 +59,7 @@ li:not(.no-margin) {
 }
 
 hr {
-    border: 1px solid var(--color-background-alt);
+    border: 1px solid var(--color-hr);
     border-bottom: 1px;
     margin: 1em;
     box-sizing: content-box;
diff --git a/src/components/_buttons.scss b/src/components/_buttons.scss
index 729c0ee..d805ac0 100644
--- a/src/components/_buttons.scss
+++ b/src/components/_buttons.scss
@@ -90,7 +90,7 @@ a[href].button:not(.link), a[href].button:visited:not(.link), button, input[type
             width: 100%; // make the content sit on it's own row
             padding-top: .33rem;
             
-            border-top: 1px solid var(--color-background-alt);
+            border-top: 1px solid var(--color-hr);
         }
         &:not(:last-child) > summary {
             margin-right: .5rem;
diff --git a/src/main.scss b/src/main.scss
index 1f55ce1..d1451f4 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -7,9 +7,11 @@
 
     --color-link-hover: rgba(0,0,0,0.075);
     --color-background-alt: rgba(0,0,0,0.075);
+    --color-hr: rgba(0,0,0,0.15);
 
     --color-text: black;
-    --color-background: white;
+    --color-background: #f8f9fa;
+    --color-card: white;
 
     --wrapper-size: 800px;