123 lines
3.2 KiB
JavaScript
123 lines
3.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
safelist: [
|
|
'text-red-400',
|
|
'text-purple-400',
|
|
'text-pink-400',
|
|
'text-teal-400',
|
|
'text-green-400',
|
|
'text-yellow-400',
|
|
'text-blue-400',
|
|
'text-cyan-400',
|
|
'text-gray-400',
|
|
'text-sky-400',
|
|
'text-orange-400',
|
|
'text-violet-400',
|
|
'text-indigo-400',
|
|
'text-amber-700'
|
|
// Fügen Sie hier alle möglichen Farbklassen hinzu, die dynamisch geladen werden könnten
|
|
],
|
|
content: [
|
|
"./src/**/*.{html,ts}",
|
|
"./node_modules/flowbite/**/*.js" // add this line
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Primary Brand Color (Trust & Professionalism)
|
|
primary: {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
200: '#bfdbfe',
|
|
300: '#93c5fd',
|
|
400: '#60a5fa',
|
|
500: '#3b82f6', // Main brand color
|
|
600: '#2563eb', // Primary hover
|
|
700: '#1d4ed8', // Active state
|
|
800: '#1e40af',
|
|
900: '#1e3a8a',
|
|
DEFAULT: '#3b82f6'
|
|
},
|
|
// Success/Opportunity Green (Money, Growth, Positive Actions)
|
|
success: {
|
|
50: '#ecfdf5',
|
|
100: '#d1fae5',
|
|
200: '#a7f3d0',
|
|
300: '#6ee7b7',
|
|
400: '#34d399',
|
|
500: '#10b981', // Main success color
|
|
600: '#059669', // Success hover
|
|
700: '#047857',
|
|
800: '#065f46',
|
|
900: '#064e3b',
|
|
DEFAULT: '#10b981'
|
|
},
|
|
// Premium/Featured Amber (Premium Listings, Featured Badges)
|
|
premium: {
|
|
50: '#fffbeb',
|
|
100: '#fef3c7',
|
|
200: '#fde68a',
|
|
300: '#fcd34d',
|
|
400: '#fbbf24',
|
|
500: '#f59e0b', // Premium accent
|
|
600: '#d97706',
|
|
700: '#b45309',
|
|
800: '#92400e',
|
|
900: '#78350f',
|
|
DEFAULT: '#f59e0b'
|
|
},
|
|
// Info Teal (Updates, Information)
|
|
info: {
|
|
50: '#f0fdfa',
|
|
100: '#ccfbf1',
|
|
200: '#99f6e4',
|
|
300: '#5eead4',
|
|
400: '#2dd4bf',
|
|
500: '#14b8a6', // Info color
|
|
600: '#0d9488',
|
|
700: '#0f766e',
|
|
800: '#115e59',
|
|
900: '#134e4a',
|
|
DEFAULT: '#14b8a6'
|
|
},
|
|
// Warmer neutral grays (stone instead of gray)
|
|
neutral: {
|
|
50: '#fafaf9',
|
|
100: '#f5f5f4',
|
|
200: '#e7e5e4',
|
|
300: '#d6d3d1',
|
|
400: '#a8a29e',
|
|
500: '#78716c',
|
|
600: '#57534e',
|
|
700: '#44403c',
|
|
800: '#292524',
|
|
900: '#1c1917',
|
|
DEFAULT: '#78716c'
|
|
}
|
|
},
|
|
fontSize: {
|
|
'xs': '.75rem',
|
|
'sm': '.875rem',
|
|
'base': '1rem',
|
|
'lg': '1.125rem',
|
|
'xl': '1.25rem',
|
|
'2xl': '1.5rem',
|
|
'3xl': '1.875rem',
|
|
'4xl': '2.25rem',
|
|
'5xl': '3rem',
|
|
},
|
|
dropShadow: {
|
|
'custom-bg': '0 15px 20px rgba(0, 0, 0, 0.3)',
|
|
'custom-bg-mobile': '0 1px 2px rgba(0, 0, 0, 0.2)',
|
|
'inner-faint': '0 3px 6px rgba(0, 0, 0, 0.1)',
|
|
'custom-md': '0 10px 15px rgba(0, 0, 0, 0.25)',
|
|
'custom-lg': '0 15px 20px rgba(0, 0, 0, 0.3)'
|
|
}
|
|
},
|
|
},
|
|
plugins: [
|
|
require('flowbite/plugin') // add this line
|
|
],
|
|
}
|
|
|