Initial commit
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
/** @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: [],
|
||||
}
|
||||
Reference in New Issue
Block a user