58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
// NOTE: Update this to include the paths to all files that contain Nativewind classes.
|
|
content: ["./App.tsx", "./components/**/*.{js,jsx,ts,tsx}", "./app/**/*.{js,jsx,ts,tsx}"],
|
|
presets: [require("nativewind/preset")],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Colore primario basato sul logo PROGECO
|
|
primary: {
|
|
50: '#f0f7fd',
|
|
100: '#dcf0fa',
|
|
200: '#bae2f6',
|
|
300: '#8accf0',
|
|
400: '#53b0e7',
|
|
500: '#2d94d8',
|
|
600: '#1071C2', // <-- DEFAULT Brand (Logo)
|
|
700: '#175e96',
|
|
800: '#15507d',
|
|
900: '#082963', // <-- Brand Dark (Logo text / Headings)
|
|
950: '#0e2b46',
|
|
DEFAULT: '#1071C2',
|
|
dark: '#082963',
|
|
},
|
|
// Grigi freddi che si abbinano perfettamente al blu primario
|
|
slate: {
|
|
50: '#f8fafc',
|
|
100: '#f1f5f9',
|
|
200: '#e2e8f0',
|
|
300: '#cbd5e1',
|
|
400: '#94a3b8',
|
|
500: '#64748b',
|
|
600: '#475569',
|
|
700: '#334155',
|
|
800: '#1e293b',
|
|
900: '#0f172a',
|
|
},
|
|
background: {
|
|
DEFAULT: '#F4F7F9', // Leggermente più luminoso
|
|
paper: '#FFFFFF', // Card e form
|
|
alt: '#E6EDF5', // Sfondo alternativo
|
|
},
|
|
text: {
|
|
DEFAULT: '#082963', // Riprende il primary.dark
|
|
secondary: '#64748b', // Sottotitoli (slate-500)
|
|
muted: '#94a3b8', // Testo disabilitato/hint (slate-400)
|
|
},
|
|
status: {
|
|
success: '#10B981', // Emerald green
|
|
danger: '#EF4444', // Red acceso
|
|
warning: '#F59E0B', // Amber
|
|
info: '#3B82F6', // Azzurro standard
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |