- Tailwind brand-Palette neu verankert: #051e23 = brand-900 (Keyfarbe), brand-50..950 als dunkles Teal-Spektrum (warm) - btn-primary: bg-brand-900 hover:bg-brand-800 (statt indigo) - input/badge: focus/text auf brand-700/900 - public/pfandlogo.jpg eingebaut als: - Favicon + Apple-Touch-Icon - Login (zentral, statt P-Box) - TopNav-Header (statt P-Box) - SuperAdmin-Header (statt P-Box) - index.html theme-color #051e23 - manifest.json theme_color #051e23 + Logo als zusaetzliches Icon
33 lines
865 B
JavaScript
33 lines
865 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{js,jsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
// Dark Teal Brand - anchored on user keyfarbe #051e23 (= brand-900)
|
|
brand: {
|
|
50: '#f1f7f8',
|
|
100: '#dde9eb',
|
|
200: '#b9d2d7',
|
|
300: '#8eb3bb',
|
|
400: '#5f8e98',
|
|
500: '#3f6e78',
|
|
600: '#285860',
|
|
700: '#1a4148',
|
|
800: '#102e34',
|
|
900: '#051e23',
|
|
950: '#03161a',
|
|
}
|
|
},
|
|
boxShadow: {
|
|
card: '0 1px 3px 0 rgb(15 23 42 / 0.06), 0 1px 2px -1px rgb(15 23 42 / 0.04)',
|
|
soft: '0 4px 16px -2px rgb(15 23 42 / 0.08)',
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|