mirror of
https://github.com/VERT-sh/VERT.git
synced 2026-03-11 12:40:01 -05:00
cbef8dae0b
* feat: basic dark mode * feat: theme toggle * Completed dark mode and about page changes * Fix progressive blur on dark mode * feat: dynadark tailwind plugin for dark detection --------- Co-authored-by: Realmy <163438634+RealmyTheMan@users.noreply.github.com>
37 lines
869 B
TypeScript
37 lines
869 B
TypeScript
import type { Config } from "tailwindcss";
|
|
import plugin from "tailwindcss/plugin";
|
|
|
|
export default {
|
|
content: ["./src/**/*.{html,js,svelte,ts}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
background: "var(--bg)",
|
|
foreground: "var(--fg)",
|
|
"foreground-muted": "var(--fg-muted)",
|
|
"foreground-muted-alt": "var(--fg-muted-alt)",
|
|
"foreground-failure": "var(--fg-failure)",
|
|
"foreground-highlight": "var(--fg-highlight)",
|
|
"accent-background": "var(--accent-bg)",
|
|
"accent-foreground": "var(--accent-fg)",
|
|
},
|
|
fontFamily: {
|
|
display: "var(--font-display)",
|
|
body: "var(--font-body)",
|
|
},
|
|
blur: {
|
|
xs: "2px",
|
|
},
|
|
},
|
|
},
|
|
|
|
plugins: [
|
|
plugin(function ({ addVariant }) {
|
|
addVariant("dynadark", [
|
|
"body:not(.light).dark &",
|
|
"@media (prefers-color-scheme: dark) { body:not(.light) &",
|
|
]);
|
|
}),
|
|
],
|
|
} satisfies Config;
|