112 lines
3.3 KiB
JavaScript
112 lines
3.3 KiB
JavaScript
export const themes = {
|
|
dark: {
|
|
name: 'Тёмная',
|
|
gradient: 'from-blue-400 to-purple-600',
|
|
primary: 'bg-gray-950',
|
|
secondary: 'bg-gray-900',
|
|
tertiary: 'bg-gray-800',
|
|
accent: 'bg-blue-600',
|
|
accentHover: 'hover:bg-blue-700',
|
|
text: 'text-white',
|
|
textSecondary: 'text-gray-400',
|
|
border: 'border-gray-800',
|
|
hover: 'hover:bg-gray-800',
|
|
input: 'bg-gray-900 border-gray-700',
|
|
card: 'bg-gray-900',
|
|
cardHover: 'hover:bg-gray-800',
|
|
success: 'bg-green-600',
|
|
successHover: 'hover:bg-green-700',
|
|
danger: 'bg-red-600',
|
|
dangerHover: 'hover:bg-red-700',
|
|
warning: 'bg-yellow-600',
|
|
},
|
|
light: {
|
|
name: 'Светлая',
|
|
gradient: 'from-blue-600 to-purple-600',
|
|
primary: 'bg-gray-50',
|
|
secondary: 'bg-white',
|
|
tertiary: 'bg-gray-100',
|
|
accent: 'bg-blue-600',
|
|
accentHover: 'hover:bg-blue-700',
|
|
text: 'text-gray-900',
|
|
textSecondary: 'text-gray-600',
|
|
border: 'border-gray-200',
|
|
hover: 'hover:bg-gray-100',
|
|
input: 'bg-white border-gray-300',
|
|
card: 'bg-white',
|
|
cardHover: 'hover:bg-gray-50',
|
|
success: 'bg-green-600',
|
|
successHover: 'hover:bg-green-700',
|
|
danger: 'bg-red-600',
|
|
dangerHover: 'hover:bg-red-700',
|
|
warning: 'bg-yellow-600',
|
|
},
|
|
purple: {
|
|
name: 'Фиолетовая',
|
|
gradient: 'from-purple-400 to-pink-600',
|
|
primary: 'bg-slate-950',
|
|
secondary: 'bg-slate-900',
|
|
tertiary: 'bg-purple-900/30',
|
|
accent: 'bg-purple-600',
|
|
accentHover: 'hover:bg-purple-700',
|
|
text: 'text-white',
|
|
textSecondary: 'text-purple-300',
|
|
border: 'border-purple-900/50',
|
|
hover: 'hover:bg-purple-900/30',
|
|
input: 'bg-slate-900 border-purple-900/50',
|
|
card: 'bg-slate-900',
|
|
cardHover: 'hover:bg-purple-900/30',
|
|
success: 'bg-green-600',
|
|
successHover: 'hover:bg-green-700',
|
|
danger: 'bg-red-600',
|
|
dangerHover: 'hover:bg-red-700',
|
|
warning: 'bg-yellow-600',
|
|
},
|
|
blue: {
|
|
name: 'Синяя',
|
|
gradient: 'from-cyan-400 to-blue-600',
|
|
primary: 'bg-slate-950',
|
|
secondary: 'bg-slate-900',
|
|
tertiary: 'bg-blue-900/30',
|
|
accent: 'bg-blue-500',
|
|
accentHover: 'hover:bg-blue-600',
|
|
text: 'text-white',
|
|
textSecondary: 'text-blue-300',
|
|
border: 'border-blue-900/50',
|
|
hover: 'hover:bg-blue-900/30',
|
|
input: 'bg-slate-900 border-blue-900/50',
|
|
card: 'bg-slate-900',
|
|
cardHover: 'hover:bg-blue-900/30',
|
|
success: 'bg-green-600',
|
|
successHover: 'hover:bg-green-700',
|
|
danger: 'bg-red-600',
|
|
dangerHover: 'hover:bg-red-700',
|
|
warning: 'bg-yellow-600',
|
|
},
|
|
green: {
|
|
name: 'Зелёная',
|
|
gradient: 'from-emerald-400 to-green-600',
|
|
primary: 'bg-slate-950',
|
|
secondary: 'bg-slate-900',
|
|
tertiary: 'bg-green-900/30',
|
|
accent: 'bg-green-600',
|
|
accentHover: 'hover:bg-green-700',
|
|
text: 'text-white',
|
|
textSecondary: 'text-green-300',
|
|
border: 'border-green-900/50',
|
|
hover: 'hover:bg-green-900/30',
|
|
input: 'bg-slate-900 border-green-900/50',
|
|
card: 'bg-slate-900',
|
|
cardHover: 'hover:bg-green-900/30',
|
|
success: 'bg-green-600',
|
|
successHover: 'hover:bg-green-700',
|
|
danger: 'bg-red-600',
|
|
dangerHover: 'hover:bg-red-700',
|
|
warning: 'bg-yellow-600',
|
|
},
|
|
};
|
|
|
|
export const getTheme = (themeName) => {
|
|
return themes[themeName] || themes.dark;
|
|
};
|