Files
tfm_ainventory/frontend/tailwind.config.ts
Daniel Bedeleanu 89a69a3ec9 refactor(frontend): audit fixes - accessibility, colors, and UX
Accessibility:
- Add focus-visible indicators to all interactive elements (buttons, inputs)
- Create accessible CreateUserModal to replace window.prompt()
- Add aria-labels to icon buttons for screen readers

Colors & Theming:
- Move primary color to CSS variable (--primary)
- Remove hard-coded #3b82f6 from tailwind config
- Clean up color consistency across theme

UX:
- Replace prompt-based user creation with proper modal form
- Implement inline field validation with error messages
- Add loading state during form submission
- Improve visual hierarchy and spacing

Performance:
- Remove bootstrap-icons dependency (duplicate with lucide-react)

Design:
- Reduce backdrop-blur overuse (remove from overlay scrim, StatCard)
- Improve AdminOverlay responsive design
2026-04-17 10:12:53 +03:00

33 lines
728 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: "var(--background)",
foreground: "var(--foreground)",
primary: {
DEFAULT: "var(--primary)",
foreground: "var(--primary-foreground)",
},
},
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;