Improve color contrast for headings
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user