Small styling tweaks

kurtbruns · Jul 18, 2023 · c95c86f · c95c86f
1 parent aaf11b5
commit c95c86f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git 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
@@ -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
@@ -88,7 +88,7 @@ img.center {
 }
 
 pre.one-line {
-  background: var(--background-darker);
+  background: var(--background-lighter);
   margin: 0;
   padding: 0.5rem 0.75rem;
 }
diff --git 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 */