Design: warme Palette aus dem Entwurf (Beige/Gold/Tinte) statt iOS-Blau

Korrektur zur Rueckmeldung des Nutzers: der Lesbarkeits-Einwand galt nur der
duennen Serifenschrift, nicht den Farben. Die warmen Design-Farben sind gut
lesbar und vereinheitlichen App + Website.

- theme.ts: Papier-Beige-Grund, warme Karten, Gold-Akzent (#B68235) fuer
  Icons/Tabs/Rahmen, dunkles Bronze (#7D5411, neu: primaerFuellung) als
  Fuellung gefuellter Buttons (weisse Schrift kontrastreich), warme
  Ampel-Toene (Backstein/Bronze/Salbei), warme Trennlinien/Graustufen
- GrossButton: Fuellung + Sekundaer-Text auf primaerFuellung (Kontrast)
- FAB-Scan-Knopf auf Bronze
- FristenScreen: ueberfaellige Zeilen zeigen 'faellig' statt 'Tage'

Im Simulator geprueft: Fristen-Start + Scan-Screen in warmen Farben, gut
lesbar. Typecheck + 30 Tests gruen.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
JUSNandClaude Opus 4.8 committed 2026-07-25 21:29:19 +02:00
1 parent ed627bc10e
commit 779261fbad
4 files changed
+31 -27

No files matched your search

+3 -2
View File
@@ -30,7 +30,8 @@ export function GrossButton({
}: Props) {
const istPrimaer = variante === 'primaer';
const istGefahr = variante === 'gefahr';
const inhaltsFarbe = istPrimaer || istGefahr ? farben.primaerText : farben.primaer;
// Sekundär: dunkles Bronze statt hellem Gold — auf grauer Fläche gut lesbar
const inhaltsFarbe = istPrimaer || istGefahr ? farben.primaerText : farben.primaerFuellung;
return (
<Pressable
onPress={onPress}
@@ -68,7 +69,7 @@ const styles = StyleSheet.create({
paddingVertical: abstand.s,
},
zeile: { flexDirection: 'row', alignItems: 'center', gap: abstand.xs + 2 },
primaer: { backgroundColor: farben.primaer },
primaer: { backgroundColor: farben.primaerFuellung },
sekundaer: { backgroundColor: farben.flaecheSekundaer },
gefahr: { backgroundColor: farben.fehler },
deaktiviert: { opacity: 0.4 },