fix: add missing brand-950 to Tailwind config

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>
This commit is contained in:
2026-03-22 20:39:08 +01:00
parent 60c52eba24
commit 4bd4b23657
2 changed files with 2 additions and 1 deletions
@@ -83,7 +83,7 @@ export function FieldCard({ field, overrides, onChange }: FieldCardProps) {
<div <div
className={`border rounded-lg transition-all ${ className={`border rounded-lg transition-all ${
isActive isActive
? "border-brand-400/60 bg-brand-50/40 shadow-sm dark:border-brand-600/50 dark:bg-brand-950/60" ? "border-brand-400/60 bg-brand-50/40 shadow-sm dark:border-brand-600/50 dark:bg-brand-950/50"
: "border-gray-200 bg-white dark:border-gray-700/50 dark:bg-gray-800" : "border-gray-200 bg-white dark:border-gray-700/50 dark:bg-gray-800"
}`} }`}
> >
+1
View File
@@ -17,6 +17,7 @@ const config: Config = {
700: "rgb(var(--accent-700) / <alpha-value>)", 700: "rgb(var(--accent-700) / <alpha-value>)",
800: "rgb(var(--accent-800) / <alpha-value>)", 800: "rgb(var(--accent-800) / <alpha-value>)",
900: "rgb(var(--accent-900) / <alpha-value>)", 900: "rgb(var(--accent-900) / <alpha-value>)",
950: "rgb(var(--accent-900) / <alpha-value>)",
}, },
}, },
fontFamily: { fontFamily: {