Update highlight colors

This commit is contained in:
Cassidy Williams
2023-11-08 16:31:29 -06:00
parent 5fc87966a1
commit 651b65c00f

View File

@@ -6,8 +6,10 @@
:root { :root {
--white: #efefef; --white: #efefef;
--transwhite: rgba(239, 239, 239, 0.7); --transwhite: rgba(239, 239, 239, 0.7);
--moretranswhite: rgba(239, 239, 239, 0.1);
--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);
--gray: #a4a4a4; --gray: #a4a4a4;
--highlight: #e5ffc3; --highlight: #e5ffc3;
--red: #e4002b; --red: #e4002b;
@@ -66,6 +68,10 @@ body.dark-mode nav {
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
::selection {
background-color: #0f0f0f;
color: var(--white);
}
html, html,
body, body,
body button, body button,
@@ -82,7 +88,7 @@ body.dark-mode nav {
background: var(--transblack); background: var(--transblack);
} }
body code { body code {
background-color: #333; background-color: var(--moretranswhite);
} }
body a { body a {
color: var(--white); color: var(--white);
@@ -118,7 +124,7 @@ nav a:not(:last-child) {
} }
hr { hr {
border-top: 1px solid #ddd; border-top: 1px solid var(--gray);
margin: 1rem 0; margin: 1rem 0;
} }
@@ -166,7 +172,7 @@ img {
} }
code { code {
padding: 2px 5px; padding: 2px 5px;
background-color: #f2f2f2; background-color: var(--moretransblack);
font-weight: bold; font-weight: bold;
} }
pre { pre {