diff options
| author | Joris Guyonvarch | 2026-04-23 21:06:57 +0200 |
|---|---|---|
| committer | Joris Guyonvarch | 2026-04-23 21:07:03 +0200 |
| commit | 52d785c79ded767538aa5c342b7d1c13fe0cdfd5 (patch) | |
| tree | 615bdd3a5a7153d50aac613831c19a654fde40e5 /public | |
| parent | 93ed2d0e932c8006a2dc3d908b6d7a7feef2367c (diff) | |
Add dark variantmain
Diffstat (limited to 'public')
| -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 */ |