diff --git a/App.tsx b/App.tsx index 400719b..2f7abd1 100644 --- a/App.tsx +++ b/App.tsx @@ -37,21 +37,14 @@ export default function App() { screenOptions={{ headerStyle: { backgroundColor: farben.hintergrund }, headerShadowVisible: false, + // Apple-Konvention: Titel in Textfarbe, nur Interaktives im Blau-Tint headerTintColor: farben.primaer, - headerTitleStyle: { fontSize: schrift.gross, fontWeight: '700' }, + headerTitleStyle: { fontSize: schrift.gross, fontWeight: '700', color: farben.text }, headerBackTitle: 'Zurück', contentStyle: { backgroundColor: farben.hintergrund }, }} > - + diff --git a/src/theme.ts b/src/theme.ts index c4b2679..72d91cf 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -9,26 +9,27 @@ export const farben = { // Inhalte als weiße Karten ohne Rahmen und Schatten (wie Einstellungen/Health) hintergrund: '#F2F2F7', flaeche: '#FFFFFF', - flaecheSekundaer: '#E9EDF3', // "graue Taste" nach Apple-Art (statt Umrandung) - primaer: '#1A365D', // dunkles, ruhiges Blau (Marken-Tint) + flaecheSekundaer: '#E9E9EB', // "graue Taste" nach Apple-Art (statt Umrandung) + primaer: '#007AFF', // Apple-System-Blau (Tint für Buttons, Icons, Links) primaerText: '#FFFFFF', text: '#1A202C', textSekundaer: '#4A5568', textTertiaer: '#AEAEB2', // z. B. Chevrons (iOS systemGray2) rand: '#E2E2E7', - // Dezente Hervorhebung für DIE Kernaussage (leichter Marken-Tint) - hervorhebung: '#EDF2F9', - hervorhebungRand: '#DCE5F1', + // Dezente Hervorhebung für DIE Kernaussage (leichter Blau-Tint) + hervorhebung: '#EAF3FF', + hervorhebungRand: '#D4E6FB', - // Dringlichkeits-Ampel (kräftig, gut unterscheidbar) - ampelRot: '#C0392B', - ampelGelb: '#B7791F', - ampelGruen: '#276749', - ampelRotHintergrund: '#FDECEA', - ampelGelbHintergrund: '#FDF6E3', - ampelGruenHintergrund: '#EAF6EE', + // Dringlichkeits-Ampel: frische Signalfarben in Apples "zugänglichen" + // Varianten — kräftig, aber als Text auf Weiß noch gut lesbar (WCAG) + ampelRot: '#D70015', + ampelGelb: '#C25400', + ampelGruen: '#1E7E34', + ampelRotHintergrund: '#FFEAE8', + ampelGelbHintergrund: '#FFF1E0', + ampelGruenHintergrund: '#E7F6EB', - fehler: '#C0392B', + fehler: '#D70015', }; export const schrift = {