Improve color contrast for headings

This commit is contained in:
Cassidy Williams
2023-11-28 15:04:12 -06:00
parent 1b4a915525
commit cb15c9b7ff

View File

@@ -10,7 +10,7 @@
--black: #252525; --black: #252525;
--transblack: rgba(37, 37, 37, 0.7); --transblack: rgba(37, 37, 37, 0.7);
--moretransblack: rgba(37, 37, 37, 0.1); --moretransblack: rgba(37, 37, 37, 0.1);
--gray: #a4a4a4; --gray: #6b6b6b;
--highlight: #e5ffc3; --highlight: #e5ffc3;
--red: #e4002b; --red: #e4002b;
--green: #24d05a; --green: #24d05a;
@@ -45,15 +45,6 @@ b {
color: var(--black); color: var(--black);
} }
h2,
h3,
h4,
h5,
h6 {
color: var(--gray);
line-height: 1.1;
}
body.dark-mode, body.dark-mode,
body.dark-mode button, body.dark-mode button,
body.dark-mode h1, body.dark-mode h1,
@@ -72,6 +63,9 @@ body.dark-mode nav {
background-color: #0f0f0f; background-color: #0f0f0f;
color: var(--white); color: var(--white);
} }
:root {
--gray: #a4a4a4;
}
html, html,
body, body,
body button, body button,
@@ -98,6 +92,15 @@ body.dark-mode nav {
} }
} }
h2,
h3,
h4,
h5,
h6 {
color: var(--gray);
line-height: 1.1;
}
header { header {
position: relative; position: relative;
} }