From c95c86fa0f8732803002ea4f503c6213d37b6d56 Mon Sep 17 00:00:00 2001
From: Kurt Bruns <contact@kurtbruns.com>
Date: Tue, 18 Jul 2023 11:34:10 -0600
Subject: [PATCH] Small styling tweaks

---
 assets/scss/base/_variables.scss    | 5 +++++
 assets/scss/components/_syntax.scss | 3 ++-
 assets/scss/main.scss               | 2 +-
 content/_index.md                   | 4 ++--
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/assets/scss/base/_variables.scss b/assets/scss/base/_variables.scss
index f52ad05..4b38054 100644
--- a/assets/scss/base/_variables.scss
+++ b/assets/scss/base/_variables.scss
@@ -6,6 +6,7 @@
   --background: #202020;
   --background-darker: #181818;
   --background-lighter: #303030;
+
   --font-color: #e0e0e0;
   --medium-color: #a0a0a0;
   --contrast-color: #bebebe;
@@ -43,6 +44,10 @@
   --background: #ffffff;
   --background-darker: hsl(0, 0%, 95%); // darker
   --background-lighter: hsl(0, 0%, 95%); // darker
+
+  --foreground: #d0d0d0; // better variable name?
+
+
   --font-color: #404040;
   --medium-color: #808080;
   --contrast-color: #404040;
diff --git a/assets/scss/components/_syntax.scss b/assets/scss/components/_syntax.scss
index b7d2ec3..42218a4 100644
--- a/assets/scss/components/_syntax.scss
+++ b/assets/scss/components/_syntax.scss
@@ -1,6 +1,7 @@
 /* default dark theme */
 :root {
-  --syntax-background: #333333;
+
+  --syntax-background: #303030;
   --syntax-foreground: #cdcdcd;
   --syntax-comment: #A9A9A9; // Comment color
   --syntax-comment-active: #b1b2b3; // Comment active
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 7454694..d0cb988 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -88,7 +88,7 @@ img.center {
 }
 
 pre.one-line {
-  background: var(--background-darker);
+  background: var(--background-lighter);
   margin: 0;
   padding: 0.5rem 0.75rem;
 }
\ No newline at end of file
diff --git a/content/_index.md b/content/_index.md
index d82ccf1..e5709cd 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -251,13 +251,13 @@ The alternative to inline styling is stylesheets. Stylesheets can either be defi
 ```css
 /* style elements by tag name */
 circle {
-  stroke:#d0d0d0; /* light grey */
+  stroke: #d0d0d0; /* light grey */
   stroke-width: 4px;
 }
 
 /* style by user interaction */
 circle:hover {
-  stroke:#808080; /* medium grey */
+  stroke: #808080; /* medium grey */
 }
 
 /* style elements by class */