mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-16 09:19:39 +02:00
61d181fbc2
Move inactive projects out of active workspace: - bauntown (community website) - maerchenzauber (AI story generation) - memoro (voice memo app) - news (news aggregation) - nutriphi (nutrition tracking) - reader (reading app) - uload (URL shortener) - wisekeep (AI wisdom extraction) Update CLAUDE.md documentation: - Add presi to active projects - Document archived projects section - Update workspace configuration Archived apps can be re-activated by moving back to apps/ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
331 lines
7.4 KiB
TypeScript
331 lines
7.4 KiB
TypeScript
import { ColorSchemeName } from 'react-native';
|
|
|
|
import { ThemeVariant } from './ThemeProvider';
|
|
|
|
// Farbpaletten für die verschiedenen Themes
|
|
const lumeColors = {
|
|
light: {
|
|
primary: '#f8d62b',
|
|
backgroundForPrimary: '#383838',
|
|
primaryHover: '#2980b9',
|
|
primaryPressed: '#1f6da3',
|
|
secondary: '#D4B200',
|
|
secondaryHover: '#27ae60',
|
|
secondaryPressed: '#229954',
|
|
backgroundPage: '#ffffff',
|
|
backgroundPrimary: '#ffffff',
|
|
backgroundSecondary: '#eeeeee',
|
|
backgroundTertiary: '#e8e8e8',
|
|
backgroundError: '#FFEBEE',
|
|
textPrimary: '#000000',
|
|
textSecondary: '#666666',
|
|
textTertiary: '#999999',
|
|
borderPrimary: '#bbbbbb',
|
|
borderSecondary: '#282828',
|
|
textOnPrimary: '#000000',
|
|
error: '#e74c3c',
|
|
backgroundFree: '#95a5a6',
|
|
backgroundPlus: '#f39c12',
|
|
backgroundPro: '#f8d62b',
|
|
backgroundUltra: '#e74c3c',
|
|
},
|
|
dark: {
|
|
primary: '#f8d62b',
|
|
backgroundForPrimary: '#383838',
|
|
primaryHover: '#f8d62b',
|
|
primaryPressed: '#1f6da3',
|
|
secondary: '#695D01',
|
|
secondaryHover: '#27ae60',
|
|
secondaryPressed: '#229954',
|
|
backgroundPage: '#121212',
|
|
backgroundPrimary: '#1e1e1e',
|
|
backgroundSecondary: '#2c2c2c',
|
|
backgroundTertiary: '#383838',
|
|
backgroundError: '#260000',
|
|
textPrimary: '#ffffff',
|
|
textSecondary: '#cccccc',
|
|
textTertiary: '#999999',
|
|
textOnPrimary: '#000000',
|
|
borderPrimary: '#424242',
|
|
borderSecondary: '#282828',
|
|
error: '#e74c3c',
|
|
backgroundFree: '#95a5a6',
|
|
backgroundPlus: '#f39c12',
|
|
backgroundPro: '#f8d62b',
|
|
backgroundUltra: '#e74c3c',
|
|
},
|
|
};
|
|
|
|
const natureColors = {
|
|
light: {
|
|
primary: '#81C784',
|
|
backgroundForPrimary: '#2E7D32',
|
|
primaryHover: '#66BB6A',
|
|
primaryPressed: '#4CAF50',
|
|
secondary: '#A5D6A7',
|
|
secondaryHover: '#81C784',
|
|
secondaryPressed: '#66BB6A',
|
|
backgroundPage: '#F1F8E9',
|
|
backgroundPrimary: '#FFFFFF',
|
|
backgroundSecondary: '#F9FBE7',
|
|
backgroundTertiary: '#F0F4C3',
|
|
backgroundError: '#FFEBEE',
|
|
textPrimary: '#1B5E20',
|
|
textSecondary: '#33691E',
|
|
textTertiary: '#558B2F',
|
|
textOnPrimary: '#000000',
|
|
borderPrimary: '#C8E6C9',
|
|
borderSecondary: '#A5D6A7',
|
|
error: '#E57373',
|
|
backgroundFree: '#AED581',
|
|
backgroundPlus: '#9CCC65',
|
|
backgroundPro: '#8BC34A',
|
|
backgroundUltra: '#7CB342',
|
|
},
|
|
dark: {
|
|
primary: '#81C784',
|
|
backgroundForPrimary: '#2E7D32',
|
|
primaryHover: '#66BB6A',
|
|
primaryPressed: '#4CAF50',
|
|
secondary: '#A5D6A7',
|
|
secondaryHover: '#695D01',
|
|
secondaryPressed: '#66BB6A',
|
|
backgroundPage: '#1B1B1B',
|
|
backgroundPrimary: '#1E1E1E',
|
|
backgroundSecondary: '#2C2C2C',
|
|
backgroundTertiary: '#333333',
|
|
backgroundError: '#CF6679',
|
|
textPrimary: '#FFFFFF',
|
|
textSecondary: '#C8E6C9',
|
|
textTertiary: '#A5D6A7',
|
|
textOnPrimary: '#000000',
|
|
borderPrimary: '#2E7D32',
|
|
borderSecondary: '#1B5E20',
|
|
error: '#CF6679',
|
|
backgroundFree: '#558B2F',
|
|
backgroundPlus: '#7CB342',
|
|
backgroundPro: '#8BC34A',
|
|
backgroundUltra: '#9CCC65',
|
|
},
|
|
};
|
|
|
|
const stoneColors = {
|
|
light: {
|
|
primary: '#90A4AE',
|
|
backgroundForPrimary: '#455A64',
|
|
primaryHover: '#78909C',
|
|
primaryPressed: '#607D8B',
|
|
secondary: '#B0BEC5',
|
|
secondaryHover: '#90A4AE',
|
|
secondaryPressed: '#78909C',
|
|
backgroundPage: '#ECEFF1',
|
|
backgroundPrimary: '#FFFFFF',
|
|
backgroundSecondary: '#F5F5F5',
|
|
backgroundTertiary: '#EEEEEE',
|
|
backgroundError: '#FFEBEE',
|
|
textPrimary: '#263238',
|
|
textSecondary: '#37474F',
|
|
textTertiary: '#455A64',
|
|
textOnPrimary: '#000000',
|
|
borderPrimary: '#CFD8DC',
|
|
borderSecondary: '#B0BEC5',
|
|
error: '#EF5350',
|
|
backgroundFree: '#90A4AE',
|
|
backgroundPlus: '#78909C',
|
|
backgroundPro: '#607D8B',
|
|
backgroundUltra: '#546E7A',
|
|
},
|
|
dark: {
|
|
primary: '#90A4AE',
|
|
backgroundForPrimary: '#455A64',
|
|
primaryHover: '#78909C',
|
|
primaryPressed: '#607D8B',
|
|
secondary: '#B0BEC5',
|
|
secondaryHover: '#90A4AE',
|
|
secondaryPressed: '#78909C',
|
|
backgroundPage: '#121212',
|
|
backgroundPrimary: '#1A1A1A',
|
|
backgroundSecondary: '#242424',
|
|
backgroundTertiary: '#2C2C2C',
|
|
backgroundError: '#CF6679',
|
|
textPrimary: '#FFFFFF',
|
|
textSecondary: '#B0BEC5',
|
|
textTertiary: '#90A4AE',
|
|
textOnPrimary: '#000000',
|
|
borderPrimary: '#455A64',
|
|
borderSecondary: '#37474F',
|
|
error: '#CF6679',
|
|
backgroundFree: '#546E7A',
|
|
backgroundPlus: '#607D8B',
|
|
backgroundPro: '#78909C',
|
|
backgroundUltra: '#90A4AE',
|
|
},
|
|
};
|
|
|
|
const oceanColors = {
|
|
light: {
|
|
primary: '#4FC3F7',
|
|
backgroundForPrimary: '#0277BD',
|
|
primaryHover: '#29B6F6',
|
|
primaryPressed: '#03A9F4',
|
|
secondary: '#81D4FA',
|
|
secondaryHover: '#4FC3F7',
|
|
secondaryPressed: '#29B6F6',
|
|
backgroundPage: '#E1F5FE',
|
|
backgroundPrimary: '#FFFFFF',
|
|
backgroundSecondary: '#F5F5F5',
|
|
backgroundTertiary: '#E3F2FD',
|
|
backgroundError: '#FFEBEE',
|
|
textPrimary: '#01579B',
|
|
textSecondary: '#0277BD',
|
|
textTertiary: '#0288D1',
|
|
textOnPrimary: '#000000',
|
|
borderPrimary: '#B3E5FC',
|
|
borderSecondary: '#81D4FA',
|
|
error: '#EF5350',
|
|
backgroundFree: '#4FC3F7',
|
|
backgroundPlus: '#29B6F6',
|
|
backgroundPro: '#03A9F4',
|
|
backgroundUltra: '#039BE5',
|
|
},
|
|
dark: {
|
|
primary: '#4FC3F7',
|
|
backgroundForPrimary: '#0277BD',
|
|
primaryHover: '#29B6F6',
|
|
primaryPressed: '#03A9F4',
|
|
secondary: '#81D4FA',
|
|
secondaryHover: '#4FC3F7',
|
|
secondaryPressed: '#29B6F6',
|
|
backgroundPage: '#121212',
|
|
backgroundPrimary: '#1A1A1A',
|
|
backgroundSecondary: '#242424',
|
|
backgroundTertiary: '#2C2C2C',
|
|
backgroundError: '#CF6679',
|
|
textPrimary: '#FFFFFF',
|
|
textSecondary: '#B3E5FC',
|
|
textTertiary: '#81D4FA',
|
|
textOnPrimary: '#000000',
|
|
borderPrimary: '#0288D1',
|
|
borderSecondary: '#0277BD',
|
|
error: '#CF6679',
|
|
backgroundFree: '#039BE5',
|
|
backgroundPlus: '#03A9F4',
|
|
backgroundPro: '#29B6F6',
|
|
backgroundUltra: '#4FC3F7',
|
|
},
|
|
};
|
|
|
|
// Basis-Theme-Eigenschaften
|
|
const baseTheme = {
|
|
fontSizes: {
|
|
// Base text sizes
|
|
small: 14,
|
|
body: 16,
|
|
subtitle: 18,
|
|
title: 20,
|
|
|
|
// Heading sizes
|
|
h1: 28,
|
|
h2: 24,
|
|
h3: 20,
|
|
h4: 18,
|
|
h5: 16,
|
|
h6: 14,
|
|
|
|
// Special markdown elements
|
|
code: 14,
|
|
blockquote: 16,
|
|
caption: 12,
|
|
footnote: 12,
|
|
},
|
|
fontWeights: {
|
|
regular: '400',
|
|
medium: '500',
|
|
semibold: '600',
|
|
bold: '700',
|
|
},
|
|
spacing: {
|
|
none: 0,
|
|
xxs: 4,
|
|
xsmall: 8,
|
|
small: 12,
|
|
medium: 16,
|
|
large: 24,
|
|
xl: 32,
|
|
xxl: 48,
|
|
xxxl: 64,
|
|
horizontalPageMargin: 16,
|
|
verticalPageMargin: 24,
|
|
sectionSpacing: 40,
|
|
elementSpacing: 20,
|
|
inlineElementSpacing: 12,
|
|
cardPadding: 16,
|
|
headerHeight: 60,
|
|
},
|
|
borderRadius: {
|
|
small: 4,
|
|
medium: 12,
|
|
large: 16,
|
|
round: 9999,
|
|
},
|
|
shadows: {
|
|
small: {
|
|
shadowColor: '#000000',
|
|
shadowOffset: { width: 0, height: 2 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 4,
|
|
elevation: 4,
|
|
},
|
|
medium: {
|
|
shadowColor: '#000000',
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.15,
|
|
shadowRadius: 8,
|
|
elevation: 8,
|
|
},
|
|
large: {
|
|
shadowColor: '#000000',
|
|
shadowOffset: { width: 0, height: 6 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 12,
|
|
elevation: 12,
|
|
},
|
|
},
|
|
zIndex: {
|
|
base: 1,
|
|
dropdown: 1000,
|
|
modal: 2000,
|
|
tooltip: 3000,
|
|
},
|
|
};
|
|
|
|
// Funktion zum Abrufen des Themes
|
|
export const getTheme = (colorScheme: ColorSchemeName, themeVariant: ThemeVariant = 'lume') => {
|
|
let colors;
|
|
const mode = colorScheme === 'dark' ? 'dark' : 'light';
|
|
|
|
switch (themeVariant) {
|
|
case 'nature':
|
|
colors = natureColors[mode];
|
|
break;
|
|
case 'stone':
|
|
colors = stoneColors[mode];
|
|
break;
|
|
case 'ocean':
|
|
colors = oceanColors[mode];
|
|
break;
|
|
default:
|
|
colors = lumeColors[mode];
|
|
}
|
|
|
|
return {
|
|
...baseTheme,
|
|
colors,
|
|
dark: colorScheme === 'dark',
|
|
};
|
|
};
|
|
|
|
export type Theme = ReturnType<typeof getTheme>;
|
|
|
|
// Exportiere das Standard-Theme
|
|
export const defaultTheme = getTheme('light', 'lume');
|