From 13375caac10b8303640e39e558ef7ed8e737c40b Mon Sep 17 00:00:00 2001
From: Carl Worth <cworth@cworth.org>
Date: Sun, 17 May 2020 08:47:54 -0700
Subject: [PATCH] Apply our selected text color to haeaders (h1 and h2)

This was previously happening in the empires client, but now we move
this up to the top-level.

Note that we don't use the selected text color at minimal font sizes
(such as in the "body" element in general). This is because we want a
high contrast there for maximal legibility. So we introduce an
additional named --text-fo-color-max-contrast which is set to pure
black.
---
 empires/style.css | 8 --------
 style.css         | 6 +++++-
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/empires/style.css b/empires/style.css
index 98bb33a..f7c9e4c 100644
--- a/empires/style.css
+++ b/empires/style.css
@@ -1,11 +1,3 @@
-h1 {
-    color: #333738;
-}
-
-h2 {
-    color: #333738;
-}
-
 p,dl,dd {
     margin-bottom: 1em;
 }
diff --git a/style.css b/style.css
index a3219e2..095f602 100644
--- 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;
 }
-- 
2.43.0