Dark theme

2024-07-10 00:29:53 -07:00 · 2024-07-10 00:29:53 -07:00 · f2d535b68b
parent c62056f433
commit f2d535b68b
1 changed files with 14 additions and 0 deletions
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@ -13,8 +13,19 @@
        <style>
            :root {
                --text: black;
+                --link: #333;
                --background: white;
            }
+            @media (prefers-color-scheme:dark) {
+                :root {
+                    --text: white;
+                    --link: #aaa;
+                    --background: #111;
+                }
+            }
+            html {
+                background: var(--background);
+            }
            body {
                font-family: "Inter Variable", "Inter", sans-serif;
                max-width: 35em;
@ -39,6 +50,9 @@
            nav > * {
                display: flex; /* Flexbox fixes everything! */
            }
+            a {
+                color: var(--link)
+            }
        </style>
    </head>
    <body>