feat: automatic theme switching for Tailwind (#1564)

solidjs · Jun 28, 2024 · aafed33 · aafed33
1 parent 69ab157
commit aafed33
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/examples/with-tailwindcss/src/app.css b/examples/with-tailwindcss/src/app.css
@@ -1,3 +1,20 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+:root {
+  --background-rgb: 214, 219, 220;
+  --foreground-rgb: 0, 0, 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background-rgb: 0, 0, 0;
+    --foreground-rgb: 255, 255, 255;
+  }
+}
+
+body {
+  background: rgb(var(--background-rgb));
+  color: rgb(var(--foreground-rgb));
+}