Files
claude-code-usage-dashboard/tailwind.config.js
YouXam c6bdca6379 init
2025-08-27 20:33:03 +08:00

74 lines
2.1 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./client/**/*.{js,ts,jsx,tsx,html}",
],
theme: {
extend: {
colors: {
background: "var(--color-background)",
foreground: "var(--color-foreground)",
card: {
DEFAULT: "var(--color-card)",
foreground: "var(--color-card-foreground)",
},
popover: {
DEFAULT: "var(--color-popover)",
foreground: "var(--color-popover-foreground)",
},
primary: {
DEFAULT: "var(--color-primary)",
foreground: "var(--color-primary-foreground)",
},
secondary: {
DEFAULT: "var(--color-secondary)",
foreground: "var(--color-secondary-foreground)",
},
muted: {
DEFAULT: "var(--color-muted)",
foreground: "var(--color-muted-foreground)",
},
accent: {
DEFAULT: "var(--color-accent)",
foreground: "var(--color-accent-foreground)",
},
destructive: {
DEFAULT: "var(--color-destructive)",
foreground: "var(--color-destructive-foreground)",
},
border: "var(--color-border)",
input: "var(--color-input)",
ring: "var(--color-ring)",
chart: {
"1": "var(--color-chart-1)",
"2": "var(--color-chart-2)",
"3": "var(--color-chart-3)",
"4": "var(--color-chart-4)",
"5": "var(--color-chart-5)",
},
},
borderRadius: {
lg: "var(--radius-lg)",
md: "var(--radius-md)",
sm: "var(--radius-sm)",
xl: "var(--radius-xl)",
},
fontFamily: {
sans: "var(--font-sans)",
serif: "var(--font-serif)",
mono: "var(--font-mono)",
},
boxShadow: {
"2xs": "var(--shadow-2xs)",
xs: "var(--shadow-xs)",
sm: "var(--shadow-sm)",
DEFAULT: "var(--shadow)",
md: "var(--shadow-md)",
lg: "var(--shadow-lg)",
xl: "var(--shadow-xl)",
"2xl": "var(--shadow-2xl)",
}
}
},
plugins: [],
}