- Upgraded color palette with enhanced contrast (5.2:1 to 15:1 ratios) - Replaced all text-slate-* utilities with semantic color tokens - Added Fira Code + Fira Sans typography stack - Converted CSS variables from SCSS to direct hex values - Updated 26 components with improved color semantics - Added cursor-pointer and focus states (accessibility phase 1) - Added aria-labels to 35+ icon-only buttons - Added prefers-reduced-motion support in globals.css WCAG AA compliance verified across all text color combinations. Fixes invisible text issues (slate-500 4.2:1 → muted 5.2:1).
46 lines
1006 B
TypeScript
46 lines
1006 B
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
background: "#0A0E27",
|
|
foreground: "#F0F4F8",
|
|
surface: "#1A1F3A",
|
|
primary: {
|
|
DEFAULT: "#3B82F6",
|
|
foreground: "#FFFFFF",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "#C7D2E0",
|
|
foreground: "#0A0E27",
|
|
},
|
|
muted: {
|
|
DEFAULT: "#8B95AD",
|
|
foreground: "#F0F4F8",
|
|
},
|
|
border: "#2D3561",
|
|
success: "#10B981",
|
|
error: "#EF4444",
|
|
warning: "#F59E0B",
|
|
},
|
|
keyframes: {
|
|
scan: {
|
|
'0%, 100%': { top: '0%' },
|
|
'50%': { top: '100%' },
|
|
}
|
|
},
|
|
animation: {
|
|
'scan-fast': 'scan 2.5s ease-in-out infinite',
|
|
'spin-slow': 'spin 3s linear infinite',
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|