From cbf71d84e63f7b469265cc97ec678b067a80ad4e Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Tue, 28 Dec 2021 09:37:43 -0700
Subject: [PATCH] Consolidate the color theming CSS back into the rest of the
 stylesheet

---
 static/styles/main.css | 30 +++++++-----------------------
 1 file changed, 7 insertions(+), 23 deletions(-)

diff --git a/static/styles/main.css b/static/styles/main.css
index 86ff19c..03bc2dc 100644
--- a/static/styles/main.css
+++ b/static/styles/main.css
@@ -20,6 +20,7 @@
     --body-background-color: var(--light);
     --body-foreground-color: var(--dark);
 
+    --heading-color: var(--body-foreground-color);
     --link-color: var(--highlight-color);
 
     --menu-icon-size: 20px;
@@ -64,6 +65,8 @@ a:hover {
 }
 
 body {
+    background-color: var(--body-background-color);
+    color: var(--body-foreground-color);
     display: flex;
     flex-direction: column;
     font-size: 2rem;
@@ -78,6 +81,7 @@ figcaption h4 {
 }
 
 figure {
+    border: 1px solid var(--separator-color);
     border-radius: 0.5rem;
     display: inline-block;
     margin: 0;
@@ -143,6 +147,7 @@ p {
 
 .header {
     align-items: baseline;
+    border-bottom: 1px solid var(--separator-color);
     display: flex;
     flex-direction: row;
 }
@@ -154,6 +159,7 @@ p {
 }
 
 .header h1 a {
+    color: var(--heading-color);
     text-decoration: none;
 }
 
@@ -162,7 +168,7 @@ p {
 }
 
 .menu > a + a:before {
-    color: var(--dark);
+    color: var(--heading-color);
     content: "•";
     padding: 0 0.5rem;
 }
@@ -439,28 +445,6 @@ ul.post-tags li + li {
     }
 }
 
-/*
- * Color Theme -----------------------------------------------------------------
- */
-
-body {
-    background-color: var(--body-background-color);
-}
-
-figure {
-    border: 1px solid var(--separator-color);
-}
-
-.header {
-    border-bottom: 1px solid var(--separator-color);
-}
-
-body,
-.header h1 a,
-.menu > a + a:before {
-    color: var(--body-foreground-color);
-}
-
 @media (max-width: 704px) {
     html {
         font-size: 7px;