107 Zeilen
3.1 KiB
JavaScript
107 Zeilen
3.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Light Mode Colors
|
|
'primary-blue': '#3182CE',
|
|
'primary-blue-hover': '#2563EB',
|
|
'primary-blue-active': '#1D4ED8',
|
|
'primary-blue-dark': '#1E40AF',
|
|
'bg-main': '#F8FAFC',
|
|
'bg-white': '#FFFFFF',
|
|
'bg-gray': '#F0F4F8',
|
|
'bg-accent': '#E6F2FF',
|
|
'text-primary': '#1A365D',
|
|
'text-secondary': '#2D3748',
|
|
'text-tertiary': '#4A5568',
|
|
'text-quaternary': '#718096',
|
|
'text-placeholder': '#A0AEC0',
|
|
'border-default': '#E2E8F0',
|
|
'border-input': '#CBD5E0',
|
|
'divider': '#F1F5F9',
|
|
'success': '#059669',
|
|
'success-bg': '#D1FAE5',
|
|
'warning': '#D97706',
|
|
'warning-bg': '#FEF3C7',
|
|
'error': '#DC2626',
|
|
'error-bg': '#FEE2E2',
|
|
'info': '#2563EB',
|
|
'info-bg': '#DBEAFE',
|
|
|
|
// Dark Mode Colors
|
|
'dark': {
|
|
'primary': '#232D53',
|
|
'accent': '#00D4FF',
|
|
'accent-hover': '#00B8E6',
|
|
'bg': '#000000',
|
|
'bg-secondary': '#1A1F3A',
|
|
'bg-sidebar': '#0A0A0A',
|
|
'bg-hover': '#232D53',
|
|
'bg-focus': '#2A3560',
|
|
'text-primary': '#FFFFFF',
|
|
'text-secondary': 'rgba(255, 255, 255, 0.7)',
|
|
'text-tertiary': 'rgba(255, 255, 255, 0.6)',
|
|
'border': 'rgba(255, 255, 255, 0.1)',
|
|
'success': '#4CAF50',
|
|
'warning': '#FFC107',
|
|
'error': '#FF4444',
|
|
'info': '#2196F3',
|
|
}
|
|
},
|
|
fontFamily: {
|
|
'poppins': ['Poppins', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
|
|
'sans': ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Arial', 'sans-serif'],
|
|
'mono': ['SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', 'monospace'],
|
|
},
|
|
fontSize: {
|
|
'title-lg': '32px',
|
|
'title-dialog': '24px',
|
|
'title-card': '20px',
|
|
'nav': '15px',
|
|
'body': '14px',
|
|
'small': '13px',
|
|
'help': '12px',
|
|
},
|
|
spacing: {
|
|
'container': '40px',
|
|
'card': '32px',
|
|
'element': '16px',
|
|
'inline': '8px',
|
|
},
|
|
borderRadius: {
|
|
'card': '16px',
|
|
'button': '24px',
|
|
'input': '8px',
|
|
'badge': '12px',
|
|
},
|
|
boxShadow: {
|
|
'sm': '0 1px 2px rgba(0, 0, 0, 0.05)',
|
|
'md': '0 4px 6px rgba(0, 0, 0, 0.1)',
|
|
'lg': '0 10px 15px rgba(0, 0, 0, 0.1)',
|
|
'xl': '0 20px 25px rgba(0, 0, 0, 0.1)',
|
|
'focus': '0 0 0 3px rgba(49, 130, 206, 0.1)',
|
|
'dark-sm': '0 2px 4px rgba(0, 0, 0, 0.3)',
|
|
'dark-md': '0 4px 12px rgba(0, 0, 0, 0.4)',
|
|
'dark-lg': '0 8px 24px rgba(0, 0, 0, 0.5)',
|
|
'dark-glow': '0 0 20px rgba(0, 212, 255, 0.3)',
|
|
},
|
|
transitionProperty: {
|
|
'all': 'all',
|
|
},
|
|
transitionDuration: {
|
|
'default': '300ms',
|
|
'fast': '200ms',
|
|
},
|
|
transitionTimingFunction: {
|
|
'default': 'ease',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |