Hartmut
4bd4b23657
Root cause: brand-950 was used in 13+ files but never defined in tailwind.config.ts (brand colors only went 50-900). All dark:bg-brand-950 classes produced no CSS output, making dark backgrounds invisible. Fix: add brand-950 mapped to --accent-900 CSS variable (same as 900, the darkest shade available). This makes all existing brand-950 classes work across the entire codebase. Co-Authored-By: claude-flow <ruv@ruv.net>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
50: "rgb(var(--accent-50) / <alpha-value>)",
|
|
100: "rgb(var(--accent-100) / <alpha-value>)",
|
|
200: "rgb(var(--accent-200) / <alpha-value>)",
|
|
300: "rgb(var(--accent-300) / <alpha-value>)",
|
|
400: "rgb(var(--accent-400) / <alpha-value>)",
|
|
500: "rgb(var(--accent-500) / <alpha-value>)",
|
|
600: "rgb(var(--accent-600) / <alpha-value>)",
|
|
700: "rgb(var(--accent-700) / <alpha-value>)",
|
|
800: "rgb(var(--accent-800) / <alpha-value>)",
|
|
900: "rgb(var(--accent-900) / <alpha-value>)",
|
|
950: "rgb(var(--accent-900) / <alpha-value>)",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ["var(--font-ui)", "system-ui", "sans-serif"],
|
|
display: ["var(--font-display)", "system-ui", "sans-serif"],
|
|
mono: ["JetBrains Mono", "monospace"],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|