add dark mode css
This commit is contained in:
parent
b0fbf0c0d4
commit
8b8ddd45dd
17
base.css
17
base.css
@ -1,13 +1,26 @@
|
||||
:root {
|
||||
--fg-light-mode: #454545;
|
||||
--bg-light-mode: #fefefe;
|
||||
--fg-dark-mode: #ccc;
|
||||
--bg-dark-mode: #111;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: monospace, sans-serif;
|
||||
color: #454545;
|
||||
color: var(--fg-light-mode);
|
||||
font-size: 16px;
|
||||
margin: 2em auto;
|
||||
max-width: 800px;
|
||||
padding: 1em;
|
||||
line-height: 1.4;
|
||||
overflow-wrap: break-word;
|
||||
background-color: #fefefe;
|
||||
background-color: var(--bg-light-mode);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
color: var(--fg-dark-mode);
|
||||
background-color: var(--bg-dark-mode);
|
||||
|
||||
}
|
||||
|
||||
a { color: #07a; }
|
||||
|
Loading…
Reference in New Issue
Block a user