feat: dark modesupport

2026-06-06 12:08:17 +05:30
parent cdb7ded29d
commit f99ba7e9a7
17 changed files with 291 additions and 149 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,7 @@
@import "tailwindcss";

+@custom-variant dark (&:where(.dark, .dark *));
+
@theme {
  --color-brew-bg: #FAF6F1;
  --color-brew-bg2: #F3EDE4;
@@ -40,11 +42,21 @@
    background-color: #F3EDE4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
+    transition: background-color 0.2s ease, color 0.2s ease;
+  }
+
+  html.dark {
+    background-color: #0E0704;
  }

  body {
    margin: 0;
    background-color: #F3EDE4;
+    transition: background-color 0.2s ease, color 0.2s ease;
+  }
+
+  html.dark body {
+    background-color: #0E0704;
  }

  #root {