Dark theme
This commit is contained in:
parent
c62056f433
commit
f2d535b68b
|
@ -13,8 +13,19 @@
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
--text: black;
|
--text: black;
|
||||||
|
--link: #333;
|
||||||
--background: white;
|
--background: white;
|
||||||
}
|
}
|
||||||
|
@media (prefers-color-scheme:dark) {
|
||||||
|
:root {
|
||||||
|
--text: white;
|
||||||
|
--link: #aaa;
|
||||||
|
--background: #111;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
background: var(--background);
|
||||||
|
}
|
||||||
body {
|
body {
|
||||||
font-family: "Inter Variable", "Inter", sans-serif;
|
font-family: "Inter Variable", "Inter", sans-serif;
|
||||||
max-width: 35em;
|
max-width: 35em;
|
||||||
|
@ -39,6 +50,9 @@
|
||||||
nav > * {
|
nav > * {
|
||||||
display: flex; /* Flexbox fixes everything! */
|
display: flex; /* Flexbox fixes everything! */
|
||||||
}
|
}
|
||||||
|
a {
|
||||||
|
color: var(--link)
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
Loading…
Reference in a new issue