diff options
| -rw-r--r-- | public/main.css | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/public/main.css b/public/main.css index 6f2c44e..46c4d7e 100644 --- a/public/main.css +++ b/public/main.css @@ -1,11 +1,14 @@ /* Constants */ :root { + color-scheme: light dark; - --color-light-background: #eee; - --color-light-foreground: #282828; + --color-background: light-dark(white, #18191b); + --color-foreground: light-dark(black, #e5e5e5); + --color-light-background: light-dark(#eee, #333); + --color-light-foreground: light-dark(#282828, #ddd); --color-link: #0377bb; - --color-border: #dadada; + --color-border: light-dark(#dadada, #353535); --font-size-cat: 0.75rem; --font-size-dog: 1rem; @@ -51,6 +54,8 @@ body { font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; max-width: calc(800px - var(--spacing-dog)); margin: 0 auto; + background-color: var(--color-background); + color: var(--color-foreground); } /* Header */ |