Add dark variantmain

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 */