Files
pfandsystem-demo/tailwind.config.js
christian 25ede6f2a3 style: Keyfarbe #051e23 + Pfandlogo einbauen
- 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
2026-05-26 13:37:39 +00:00

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: [],
}