generated from knso/webklar-preview-template
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:
1 parent
ed627bc10e
commit
779261fbad
4 files changed
+31
-27
No files matched your search
@@ -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 },
|
||||
|
||||
Reference in new issue
Block a user