mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-16 20:59:41 +02:00
d36b321d9d
Applied formatting to 1487+ files using pnpm format:write - TypeScript/JavaScript files - Svelte components - Astro pages - JSON configs - Markdown docs 13 files still need manual review (Astro JSX comments)
83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
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)',
|
|
},
|
|
};
|