"Update database configuration and assets for theming consistency"
This commit is contained in:
@@ -12,183 +12,114 @@ module.exports = {
|
||||
'72': '18rem',
|
||||
'84': '21rem',
|
||||
'96': '24rem',
|
||||
// Custom spacing für Mercedes Grid System
|
||||
'card-sm': '1rem',
|
||||
'card-md': '1.5rem',
|
||||
'card-lg': '2rem',
|
||||
'section': '2.5rem'
|
||||
'128': '32rem'
|
||||
},
|
||||
colors: {
|
||||
// Mercedes-Benz Corporate Colors - Deep Black Theme
|
||||
// Mercedes-Benz Corporate Colors
|
||||
'mercedes': {
|
||||
'black': '#000000', // Tiefschwarz für Dark Mode
|
||||
'dark-gray': '#0a0a0a', // Sehr dunkles Grau
|
||||
'black': '#000000',
|
||||
'deep-black': '#000000', // Tiefes Schwarz für Dashboard-Style
|
||||
'silver': '#C0C0C0',
|
||||
'dark-gray': '#0a0a0a', // Sehr dunkles Grau für Kontrast
|
||||
'light-gray': '#f5f5f5',
|
||||
'platinum': '#E5E4E2',
|
||||
'charcoal': '#1a1a1a', // Dunkle Akzentfarbe
|
||||
'charcoal': '#1a1a1a', // Für Rahmen und Grenzen
|
||||
'steel': '#71797E'
|
||||
},
|
||||
// Deep Black Dark Mode Farben
|
||||
'deep-black': {
|
||||
'primary': '#000000', // Haupthintergrund
|
||||
'secondary': '#0a0a0a', // Sekundärer Hintergrund
|
||||
'surface': '#1a1a1a', // Kartenoberflächen
|
||||
'border': '#333333', // Rahmenfarben
|
||||
'text': '#ffffff', // Primärer Text
|
||||
'text-muted': '#a0a0a0' // Gedämpfter Text
|
||||
},
|
||||
// Professional Grid Colors
|
||||
'grid': {
|
||||
'gap-sm': '1rem',
|
||||
'gap-md': '1.5rem',
|
||||
'gap-lg': '2rem',
|
||||
'gap-xl': '2.5rem'
|
||||
},
|
||||
// Status Farben - Optimiert für Dark Mode
|
||||
'status': {
|
||||
'online': '#10b981',
|
||||
'offline': '#ef4444',
|
||||
'warning': '#f59e0b',
|
||||
'info': '#3b82f6',
|
||||
'success': '#059669',
|
||||
'error': '#dc2626',
|
||||
'pending': '#8b5cf6',
|
||||
'processing': '#06b6d4'
|
||||
},
|
||||
// Dark Mode optimierte Farben - Verbessert
|
||||
// Dashboard-kompatible Dark Mode Farben
|
||||
'dark': {
|
||||
'bg': '#0f172a', // Dunkler Hintergrund
|
||||
'bg-secondary': '#131c2e', // Sekundärer Hintergrund noch dunkler
|
||||
'surface': '#1e293b',
|
||||
'surface-hover': '#334155',
|
||||
'card': '#1e293b', // Dunklere Kartenfarbe für besseren Kontrast
|
||||
'card-hover': '#334155', // Dunklerer Hover-Zustand
|
||||
'text': '#f8fafc',
|
||||
'bg': '#000000', // Tiefes Schwarz wie Dashboard
|
||||
'bg-secondary': '#0a0a0a', // Sehr dunkles Grau
|
||||
'surface': '#0f0f0f', // Kartenhintergrund
|
||||
'surface-hover': '#1a1a1a', // Hover-Zustand
|
||||
'card': '#0f0f0f', // Karten-Hintergrund
|
||||
'card-hover': '#1a1a1a', // Karten-Hover
|
||||
'text': '#ffffff',
|
||||
'text-secondary': '#e2e8f0',
|
||||
'text-muted': '#94a3b8',
|
||||
'text-disabled': '#64748b',
|
||||
'border': '#475569',
|
||||
'border-light': '#475569',
|
||||
'hover': '#334155', // Dunklerer Hover-Zustand
|
||||
'focus': '#475569',
|
||||
'accent': '#3b82f6'
|
||||
'border': '#1a1a1a', // Dunkle Rahmen
|
||||
'border-light': '#2a2a2a',
|
||||
'hover': '#1a1a1a',
|
||||
'focus': '#2a2a2a',
|
||||
'accent': '#ffffff' // Weißer Akzent auf schwarzem Hintergrund
|
||||
},
|
||||
// Light Mode optimierte Farben - Verbessert
|
||||
// Light Mode optimierte Farben
|
||||
'light': {
|
||||
'bg': '#ffffff',
|
||||
'bg-secondary': '#f8fafc',
|
||||
'surface': '#f7fafc',
|
||||
'surface-hover': '#edf2f7',
|
||||
'surface': '#ffffff',
|
||||
'surface-hover': '#f8fafc',
|
||||
'card': '#ffffff',
|
||||
'card-hover': '#f7fafc',
|
||||
'text': '#1a202c',
|
||||
'text-secondary': '#2d3748',
|
||||
'text-muted': '#4a5568',
|
||||
'text': '#0f172a',
|
||||
'text-secondary': '#334155',
|
||||
'text-muted': '#64748b',
|
||||
'text-disabled': '#a0aec0',
|
||||
'border': '#e2e8f0',
|
||||
'border-light': '#edf2f7',
|
||||
'border-light': '#f1f5f9',
|
||||
'hover': '#f1f5f9',
|
||||
'focus': '#e2e8f0',
|
||||
'accent': '#3b82f6'
|
||||
'accent': '#000000' // Schwarzer Akzent auf weißem Hintergrund
|
||||
},
|
||||
// Printer Status Farben - Erweitert
|
||||
'printer': {
|
||||
'ready': '#10b981',
|
||||
'busy': '#f59e0b',
|
||||
'error': '#ef4444',
|
||||
'offline': '#6b7280',
|
||||
'maintenance': '#8b5cf6',
|
||||
'initializing': '#06b6d4',
|
||||
'online': '#10b981',
|
||||
'maintenance': '#8b5cf6',
|
||||
'error': '#dc2626'
|
||||
},
|
||||
// Job Status Farben - Erweitert
|
||||
'job': {
|
||||
'queued': '#6b7280',
|
||||
'printing': '#3b82f6',
|
||||
'completed': '#10b981',
|
||||
'failed': '#ef4444',
|
||||
'cancelled': '#f59e0b',
|
||||
'paused': '#8b5cf6',
|
||||
'retrying': '#f97316'
|
||||
},
|
||||
// Accent Farben - Erweitert
|
||||
'accent': {
|
||||
'primary': '#3b82f6',
|
||||
'secondary': '#8b5cf6',
|
||||
'tertiary': '#06b6d4',
|
||||
'quaternary': '#10b981',
|
||||
'quinary': '#f97316'
|
||||
},
|
||||
// Gradient Farben - Erweitert
|
||||
'gradient': {
|
||||
'from-blue': '#3b82f6',
|
||||
'to-purple': '#8b5cf6',
|
||||
'from-green': '#10b981',
|
||||
'to-blue': '#3b82f6',
|
||||
'from-purple': '#8b5cf6',
|
||||
'to-pink': '#ec4899',
|
||||
'from-orange': '#f97316',
|
||||
'to-red': '#ef4444'
|
||||
// Professional Theme Colors
|
||||
'professional': {
|
||||
'primary': '#000000', // Mercedes Schwarz
|
||||
'secondary': '#ffffff', // Reines Weiß
|
||||
'accent': '#0ea5e9', // Mercedes Blau Akzent
|
||||
'muted': '#64748b',
|
||||
'success': '#10b981',
|
||||
'warning': '#f59e0b',
|
||||
'error': '#ef4444'
|
||||
}
|
||||
},
|
||||
// Grid Layout Definitionen
|
||||
gridTemplateColumns: {
|
||||
'stats-mobile': '1fr',
|
||||
'stats-tablet': 'repeat(2, 1fr)',
|
||||
'stats-desktop': 'repeat(4, 1fr)',
|
||||
'cards-mobile': '1fr',
|
||||
'cards-tablet': 'repeat(2, 1fr)',
|
||||
'cards-desktop': 'repeat(3, 1fr)',
|
||||
'wide-desktop': 'repeat(4, 1fr)'
|
||||
backgroundImage: {
|
||||
'gradient-professional': 'linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #000000 100%)',
|
||||
'gradient-professional-light': 'linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%)'
|
||||
},
|
||||
// Professional Shadows für Glasmorphismus
|
||||
boxShadow: {
|
||||
'mercedes-glass': '0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1)',
|
||||
'mercedes-hover': '0 12px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.15)',
|
||||
'card-dark': '0 25px 50px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.05)',
|
||||
'deep-black': '0 20px 40px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.1)'
|
||||
'glass': '0 8px 32px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.05)',
|
||||
'glass-dark': '0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1)',
|
||||
'professional': '0 20px 40px rgba(0, 0, 0, 0.1)',
|
||||
'professional-dark': '0 20px 40px rgba(0, 0, 0, 0.6)',
|
||||
'card-professional': '0 10px 30px rgba(0, 0, 0, 0.1)',
|
||||
'card-professional-dark': '0 10px 30px rgba(0, 0, 0, 0.4)'
|
||||
},
|
||||
// Backdrop Blur Values
|
||||
backdropBlur: {
|
||||
'mercedes': '20px',
|
||||
'strong': '25px'
|
||||
'xs': '2px',
|
||||
'professional': '20px'
|
||||
},
|
||||
animation: {
|
||||
'fade-in': 'fadeIn 0.6s ease-out',
|
||||
'slide-up': 'slideUp 0.6s ease-out',
|
||||
'scale-in': 'scaleIn 0.4s ease-out',
|
||||
'pulse-professional': 'pulseProfessional 2s infinite'
|
||||
},
|
||||
keyframes: {
|
||||
fadeIn: {
|
||||
'0%': { opacity: '0' },
|
||||
'100%': { opacity: '1' }
|
||||
},
|
||||
slideUp: {
|
||||
'0%': { opacity: '0', transform: 'translateY(30px)' },
|
||||
'100%': { opacity: '1', transform: 'translateY(0)' }
|
||||
},
|
||||
scaleIn: {
|
||||
'0%': { opacity: '0', transform: 'scale(0.9)' },
|
||||
'100%': { opacity: '1', transform: 'scale(1)' }
|
||||
},
|
||||
pulseProfessional: {
|
||||
'0%, 100%': { opacity: '1', transform: 'scale(1)' },
|
||||
'50%': { opacity: '0.5', transform: 'scale(1.1)' }
|
||||
}
|
||||
},
|
||||
// Typography für Mercedes-Design
|
||||
fontFamily: {
|
||||
'mercedes': ['Inter', 'system-ui', 'sans-serif']
|
||||
},
|
||||
// Animation Timings
|
||||
transitionDuration: {
|
||||
'400': '400ms',
|
||||
'600': '600ms'
|
||||
},
|
||||
// Border Radius für konsistente Rundungen
|
||||
borderRadius: {
|
||||
'mercedes': '1.5rem',
|
||||
'card': '1.25rem'
|
||||
},
|
||||
typography: {
|
||||
DEFAULT: {
|
||||
css: {
|
||||
'code::before': {
|
||||
content: 'none',
|
||||
},
|
||||
'code::after': {
|
||||
content: 'none',
|
||||
},
|
||||
maxWidth: 'none'
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require('@tailwindcss/forms')({
|
||||
strategy: 'class'
|
||||
}),
|
||||
require('@tailwindcss/forms'),
|
||||
require('@tailwindcss/typography')
|
||||
],
|
||||
}
|
||||
Reference in New Issue
Block a user