generated from knso/webklar-preview-template
Frische Farbwelt: Apple-System-Blau + klare Ampel-Signalfarben
- Primärfarbe: Apple-System-Blau (#007AFF) statt dunklem Marineblau — Buttons, Icons und Links wirken wie in Apples eigenen Apps - Header nach Apple-Konvention: Titel in Textfarbe, nur Interaktives im Tint - Ampel: frische Signalfarben in zugänglichen Varianten (klares Rot, Orange statt Braun, sattes Grün) — als Text auf Weiß weiter WCAG-lesbar - Großtitel entfernt (renderte auf iOS 26 nicht zuverlässig) — Standard- Header ist stabil auf allen Screens Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
13
App.tsx
13
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 },
|
||||
}}
|
||||
>
|
||||
<Stack.Screen
|
||||
name="Home"
|
||||
component={HomeScreen}
|
||||
options={{
|
||||
title: 'BehördenKlar',
|
||||
headerLargeTitle: true,
|
||||
headerLargeTitleStyle: { color: farben.primaer },
|
||||
}}
|
||||
/>
|
||||
<Stack.Screen name="Home" component={HomeScreen} options={{ title: 'BehördenKlar' }} />
|
||||
<Stack.Screen name="Consent" component={ConsentScreen} options={{ title: 'Datenschutz' }} />
|
||||
<Stack.Screen name="Scan" component={ScanScreen} options={{ title: 'Brief scannen' }} />
|
||||
<Stack.Screen name="Analyse" component={AnalyseScreen} options={{ title: 'Ihr Brief erklärt' }} />
|
||||
|
||||
Reference in New Issue
Block a user