From cb15c9b7fff9479d8c79ce65022271d0011db1ac Mon Sep 17 00:00:00 2001 From: Cassidy Williams Date: Tue, 28 Nov 2023 15:04:12 -0600 Subject: [PATCH] Improve color contrast for headings --- src/style/global.css | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/src/style/global.css b/src/style/global.css index 10e5c3b..9687526 100644 --- a/src/style/global.css +++ b/src/style/global.css @@ -10,7 +10,7 @@ --black: #252525; --transblack: rgba(37, 37, 37, 0.7); --moretransblack: rgba(37, 37, 37, 0.1); - --gray: #a4a4a4; + --gray: #6b6b6b; --highlight: #e5ffc3; --red: #e4002b; --green: #24d05a; @@ -45,15 +45,6 @@ b { color: var(--black); } -h2, -h3, -h4, -h5, -h6 { - color: var(--gray); - line-height: 1.1; -} - body.dark-mode, body.dark-mode button, body.dark-mode h1, @@ -72,6 +63,9 @@ body.dark-mode nav { background-color: #0f0f0f; color: var(--white); } + :root { + --gray: #a4a4a4; + } html, body, body button, @@ -98,6 +92,15 @@ body.dark-mode nav { } } +h2, +h3, +h4, +h5, +h6 { + color: var(--gray); + line-height: 1.1; +} + header { position: relative; }