From 4f858384bbc8580a71bf9744c7d698391de7b868 Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Mon, 28 Oct 2019 21:57:49 -0500
Subject: [PATCH] dark mode: make header elements brighter.

---
 app/javascript/src/styles/base/020_base.scss  | 1 +
 app/javascript/src/styles/base/040_colors.css | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/app/javascript/src/styles/base/020_base.scss b/app/javascript/src/styles/base/020_base.scss
index 60a675eb8..22f737334 100644
--- a/app/javascript/src/styles/base/020_base.scss
+++ b/app/javascript/src/styles/base/020_base.scss
@@ -28,6 +28,7 @@ dt {
 h1, h2, h3, h4, h5, h6 {
   font-family: Tahoma, Verdana, Helvetica, sans-serif;
   line-height: 1.5em;
+  color: var(--header-color);
 }
 
 h1 {
diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css
index 80a140234..8f6a4bcc5 100644
--- a/app/javascript/src/styles/base/040_colors.css
+++ b/app/javascript/src/styles/base/040_colors.css
@@ -3,6 +3,7 @@
 
   --text-color: hsl(0, 0%, 15%);
   --muted-text-color: hsl(0, 0%, 55%);
+  --header-color: hsl(0, 0%, 15%);
 
   --link-color: hsl(213, 100%, 50%);
   --link-hover-color: hsl(213, 100%, 75%);
@@ -220,6 +221,7 @@ body[data-user-theme="dark"] {
   --grey-3:   #393a4d; /* hsluv(265, 15, 25.00); */
   --grey-4:   #9596a8; /* hsluv(265, 15, 62.50); */
   --grey-5:   #c9c9d2; /* hsluv(265, 15, 81.25); */
+  --grey-6:   #e4e4e8; /* hsluv(265, 15, 90.625); */
   --red-0:    #652828; /* hsluv(12, 50, 25); */
   --red-3:    #af4a4b; /* hsluv(12, 50, 45); */
   --red-1:    #f07a7b; /* hsluv(12, 80, 65); */
@@ -263,6 +265,7 @@ body[data-user-theme="dark"] {
   /* main text colors */
   --text-color: var(--grey-5);
   --muted-text-color: var(--grey-4);
+  --header-color: var(--grey-6);
 
   --link-color: var(--blue-1);
   --link-hover-color: var(--blue-2);