import { DefaultTheme, DarkTheme } from '@react-navigation/native';

export const lightTheme = {
	...DefaultTheme,
	colors: {
		...DefaultTheme.colors,
		primary: '#0A84FF',
		secondary: '#5E5CE6',
		background: '#F2F2F7',
		card: '#FFFFFF',
		text: '#000000',
		border: '#E5E5EA',
		notification: '#FF3B30',
		placeholder: '#8E8E93',
		accent: '#34C759',
		muted: '#C7C7CC',
		// Hover-States für Buttons und Menüpunkte
		buttonHover: 'rgba(255, 255, 255, 0.7)', // Neutral weiß, heller
		menuItemHover: 'rgba(255, 255, 255, 0.5)', // Neutral weiß, weniger intensiv
		cardHover: 'rgba(255, 255, 255, 0.3)', // Neutral weiß, subtil
		dangerHover: 'rgba(255, 255, 255, 0.5)', // Neutral weiß für Danger-Buttons
	},
};

export const darkTheme = {
	...DarkTheme,
	colors: {
		...DarkTheme.colors,
		primary: '#0A84FF',
		secondary: '#5E5CE6',
		background: '#1C1C1E',
		card: '#2C2C2E',
		text: '#FFFFFF',
		border: '#38383A',
		notification: '#FF453A',
		placeholder: '#8E8E93',
		accent: '#30D158',
		muted: '#48484A',
		// Hover-States für Buttons und Menüpunkte
		buttonHover: 'rgba(255, 255, 255, 0.15)', // Neutral weiß, heller für Dark Mode
		menuItemHover: 'rgba(255, 255, 255, 0.1)', // Neutral weiß, dezent
		cardHover: 'rgba(255, 255, 255, 0.05)', // Neutral weiß, sehr dezent
		dangerHover: 'rgba(255, 255, 255, 0.15)', // Neutral weiß für Danger-Buttons
	},
};

// Tailwind-kompatible Farbpalette für die Verwendung in der tailwind.config.js
export const tailwindColors = {
	// Light Mode Colors
	light: {
		primary: '#0A84FF',
		secondary: '#5E5CE6',
		background: '#F2F2F7',
		card: '#FFFFFF',
		text: '#000000',
		border: '#E5E5EA',
		notification: '#FF3B30',
		placeholder: '#8E8E93',
		accent: '#34C759',
		muted: '#C7C7CC',
		buttonHover: 'rgba(255, 255, 255, 0.7)',
		menuItemHover: 'rgba(255, 255, 255, 0.5)',
		cardHover: 'rgba(255, 255, 255, 0.3)',
		dangerHover: 'rgba(255, 255, 255, 0.5)',
	},
	// Dark Mode Colors
	dark: {
		primary: '#0A84FF',
		secondary: '#5E5CE6',
		background: '#1C1C1E',
		card: '#2C2C2E',
		text: '#FFFFFF',
		border: '#38383A',
		notification: '#FF453A',
		placeholder: '#8E8E93',
		accent: '#30D158',
		muted: '#48484A',
		buttonHover: 'rgba(255, 255, 255, 0.15)',
		menuItemHover: 'rgba(255, 255, 255, 0.1)',
		cardHover: 'rgba(255, 255, 255, 0.05)',
		dangerHover: 'rgba(255, 255, 255, 0.15)',
	},
};
