42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
background: "var(--background)",
|
|
foreground: "var(--foreground)",
|
|
"card-bg": "var(--card-bg)",
|
|
"card-border": "var(--card-border)",
|
|
"accent-blue": "var(--accent-blue)",
|
|
"accent-green": "var(--accent-green)",
|
|
"accent-red": "var(--accent-red)",
|
|
"accent-yellow": "var(--accent-yellow)",
|
|
"accent-purple": "var(--accent-purple)",
|
|
"accent-pink": "var(--accent-pink)",
|
|
"accent-teal": "var(--accent-teal)",
|
|
"accent-orange": "var(--accent-orange)",
|
|
"text-secondary": "var(--text-secondary)",
|
|
"progress-bg": "var(--progress-bg)",
|
|
},
|
|
borderColor: {
|
|
DEFAULT: "var(--card-border)",
|
|
},
|
|
backgroundImage: {
|
|
"gradient-blue": "var(--gradient-blue)",
|
|
"gradient-purple": "var(--gradient-purple)",
|
|
"gradient-green": "var(--gradient-green)",
|
|
"gradient-red": "var(--gradient-red)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|