Update highlight colors
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user