Add dark color scheme
This commit is contained in:
parent
973f32d3d7
commit
87959c31de
@ -204,3 +204,39 @@ footer a, footer a:visited {
|
||||
src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url(/fonts/robotomono-v13-bold-latin.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background: #121212;
|
||||
color: rgba(255, 255, 255, 0.87); /* 87% white */
|
||||
}
|
||||
|
||||
a {
|
||||
color: #90caf9; /* blue200 */
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #ce93d8; /* purple200 */
|
||||
}
|
||||
|
||||
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {
|
||||
color: rgba(255, 255, 255, 0.87); /* 87% white */
|
||||
}
|
||||
|
||||
code, pre {
|
||||
background-color: #424242; /* grey800 */
|
||||
}
|
||||
|
||||
footer a, footer a:visited {
|
||||
color: #9f9f9f;
|
||||
}
|
||||
|
||||
footer img {
|
||||
filter: invert(87%);
|
||||
}
|
||||
|
||||
.error-text {
|
||||
/* Baseline Material dark error color */
|
||||
color: #cf6679;
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user