Apply our selected text color to haeaders (h1 and h2)

[lmno.games] / style.css

diff --git a/style.css b/style.css
index a3219e20821c34956fc5e0fabdbb2a1fddf6cd23..095f6023f0c84362fdd74a84560c87a2e73f8e07 100644 (file)
--- a/style.css
+++ b/style.css
@@ -10,6 +10,7 @@
 :root {
     /* Standard colors for text. */
     --text-fg-color: #333738;
+    --text-fg-color-max-contrast: black;
     --text-bg-color: white;
     --outside-page-bg-color: #333738;
 
@@ -25,21 +26,24 @@
 
 /*\
 |*|
-|*| Core elements: Sizing and padding
+|*| Core elements: Sizing, padding, and application of theme colors
 |*|
 \*/
 
 body {
     line-height: 1.25;
     font-family: sans-serif;
+    color: var(--text-fg-color-max-contrast);
 }
 
 h1 {
+    color: var(--text-fg-color);
     font-size: 150%;
     font-weight: bold;
 }
 
 h2 {
+    color: var(--text-fg-color);
     font-size: 110%;
     font-weight: bold;
 }