feat: add css for dark mode

This commit is contained in:
uku 2024-11-29 17:05:24 +01:00
parent 999e912021
commit 18c7ccd084
Signed by: uku
SSH key fingerprint: SHA256:4P0aN6M8ajKukNi6aPOaX0LacanGYtlfjmN+m/sHY/o
2 changed files with 23 additions and 1 deletions

View file

@ -1,8 +1,30 @@
@import "@fontsource-variable/inter";
@import "@fontsource-variable/inter/wght-italic.css";
:root {
--background-color: white;
--text-color: black;
--accent-color: #0077b8;
color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #16191d;
--text-color: #f8f9fa;
--accent-color: #a5d8ff;
color-scheme: dark;
}
}
body {
font-family: "Inter Variable", sans-serif;
background-color: var(--background-color);
color: var(--text-color);
}
a {
color: var(--accent-color);
}
.contents {

View file

@ -56,7 +56,7 @@
<style>
td {
border: 1px solid black;
border: 1px solid var(--text-color);
padding: 8px 10px;
}