ueberpruefen

2025-10-28 23:38:37 +01:00
parent c2c5dd1041
commit 8dab9bfd25
56 changed files with 13640 additions and 2002 deletions
--- a/src/lib/theme/index.ts
+++ b/src/lib/theme/index.ts
@@ -0,0 +1,138 @@
+/**
+ * Theme configuration for Pottery Diary
+ * Retro, vintage-inspired design with warm earth tones
+ */
+
+export const colors = {
+  // Primary colors - warm vintage terracotta
+  primary: '#C17855', // Warm terracotta/clay
+  primaryLight: '#D4956F',
+  primaryDark: '#A5643E',
+
+  // Backgrounds - vintage paper tones
+  background: '#F5EDE4', // Warm cream/aged paper
+  backgroundSecondary: '#EBE0D5', // Darker vintage beige
+  card: '#FAF6F1', // Soft off-white card
+
+  // Text - warm vintage ink colors
+  text: '#3E2A1F', // Dark brown instead of black
+  textSecondary: '#8B7355', // Warm mid-brown
+  textTertiary: '#B59A7F', // Light warm brown
+
+  // Borders - subtle warm tones
+  border: '#D4C4B0',
+  borderLight: '#E5D9C9',
+
+  // Status colors - muted retro palette
+  success: '#6B8E4E', // Muted olive green
+  warning: '#D4894F', // Warm amber
+  error: '#B85C50', // Muted terracotta red
+  info: '#5B8A9F', // Muted teal
+
+  // Step type colors (icons) - vintage pottery palette
+  forming: '#8B5A3C', // Rich clay brown
+  trimming: '#A67C52', // Warm tan/tool color
+  drying: '#D4A05B', // Warm sand
+  bisqueFiring: '#C75B3F', // Burnt orange
+  glazing: '#7B5E7B', // Muted purple/mauve
+  glazeFiring: '#D86F4D', // Warm coral
+  misc: '#6B7B7B', // Vintage grey-blue
+};
+
+export const spacing = {
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 24,
+  xl: 32,
+  xxl: 48,
+};
+
+export const typography = {
+  fontSize: {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 20, // Slightly larger for retro feel
+    xl: 28, // Bigger, bolder headers
+    xxl: 36,
+  },
+  fontWeight: {
+    regular: '400' as const,
+    medium: '500' as const,
+    semiBold: '600' as const,
+    bold: '800' as const, // Bolder for retro headings
+  },
+  // Retro-style letter spacing
+  letterSpacing: {
+    tight: -0.5,
+    normal: 0,
+    wide: 0.5,
+    wider: 1,
+  },
+};
+
+export const borderRadius = {
+  sm: 6,
+  md: 12, // More rounded for retro feel
+  lg: 16,
+  xl: 24,
+  full: 9999,
+};
+
+export const shadows = {
+  sm: {
+    shadowColor: '#3E2A1F',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.08,
+    shadowRadius: 3,
+    elevation: 2,
+  },
+  md: {
+    shadowColor: '#3E2A1F',
+    shadowOffset: { width: 0, height: 3 },
+    shadowOpacity: 0.12,
+    shadowRadius: 6,
+    elevation: 4,
+  },
+  lg: {
+    shadowColor: '#3E2A1F',
+    shadowOffset: { width: 0, height: 5 },
+    shadowOpacity: 0.15,
+    shadowRadius: 10,
+    elevation: 6,
+  },
+};
+
+// Minimum tappable size for accessibility
+export const MIN_TAP_SIZE = 44;
+
+export const stepTypeColors = {
+  forming: colors.forming,
+  trimming: colors.trimming,
+  drying: colors.drying,
+  bisque_firing: colors.bisqueFiring,
+  glazing: colors.glazing,
+  glaze_firing: colors.glazeFiring,
+  misc: colors.misc,
+};
+
+export const stepTypeIcons: Record<string, string> = {
+  forming: '🏺',
+  trimming: '🔧',
+  drying: '☀️',
+  bisque_firing: '🔥',
+  glazing: '🎨',
+  glaze_firing: '⚡',
+  misc: '📝',
+};
+
+export const stepTypeLabels: Record<string, string> = {
+  forming: 'Forming',
+  trimming: 'Trimming',
+  drying: 'Drying',
+  bisque_firing: 'Bisque Firing',
+  glazing: 'Glazing',
+  glaze_firing: 'Glaze Firing',
+  misc: 'Misc',
+};