Switch dark mode from class-based to CSS media queries

- tailwind.config.ts: darkMode "class" → "media"
- globals.css: .dark { } → @media (prefers-color-scheme: dark) { :root { } }

All dark: utility classes in components work automatically with either mode.
No toggle UI existed, so nothing else to remove.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-11 02:04:25 -04:00
parent 1bfa45ea1b
commit 7e3821d0fa
2 changed files with 28 additions and 26 deletions
+1 -1
View File
@@ -4,7 +4,7 @@ import typography from "@tailwindcss/typography";
import tailwindAnimate from "tailwindcss-animate";
export default {
darkMode: "class",
darkMode: "media",
content: ["./src/**/*.tsx", "./src/**/*.mdx"],
theme: {
extend: {