From 186d5361752f034bcb96b83c9a022d3395b9623b Mon Sep 17 00:00:00 2001
From: Max Leiter <maxwell.leiter@gmail.com>
Date: Wed, 23 Mar 2022 17:14:05 -0700
Subject: [PATCH] client: experiment with heading title color in markdown

---
 client/components/preview/preview.module.css | 15 +++++++++++++++
 client/styles/globals.css                    |  5 +++++
 2 files changed, 20 insertions(+)

diff --git a/client/components/preview/preview.module.css b/client/components/preview/preview.module.css
index 6b89e371..a930c324 100644
--- a/client/components/preview/preview.module.css
+++ b/client/components/preview/preview.module.css
@@ -19,6 +19,21 @@
 	margin-bottom: var(--gap-half);
 }
 
+.markdownPreview h1 {
+	color: var(--fg);
+}
+
+.markdownPreview h2 {
+	color: var(--darkest-gray);
+}
+
+.markdownPreview h3,
+.markdownPreview h4,
+.markdownPreview h5,
+.markdownPreview h6 {
+	color: var(--darker-gray);
+}
+
 /* Auto-linked headers */
 .markdownPreview h1 a,
 .markdownPreview h2 a,
diff --git a/client/styles/globals.css b/client/styles/globals.css
index bc983b31..281fb13d 100644
--- a/client/styles/globals.css
+++ b/client/styles/globals.css
@@ -38,6 +38,8 @@
 	--light-gray: #444;
 	--lighter-gray: #222;
 	--lightest-gray: #1a1a1a;
+	--darker-gray: #b4b4b4;
+	--darkest-gray: #efefef;
 	--article-color: #eaeaea;
 	--header-bg: rgba(19, 20, 21, 0.45);
 	--gray-alpha: rgba(255, 255, 255, 0.5);
@@ -54,9 +56,12 @@
 	--bg: #fff;
 	--fg: #000;
 	--gray: #888;
+
 	--light-gray: #dedede;
 	--lighter-gray: #f5f5f5;
 	--lightest-gray: #fafafa;
+	--darker-gray: #555;
+	--darkest-gray: #222;
 	--article-color: #212121;
 	--header-bg: rgba(255, 255, 255, 0.8);
 	--gray-alpha: rgba(19, 20, 21, 0.5);