Styling: App-UI an Admin-Bereich angleichen #92

New issue

Closed

opened 2026-05-17 13:34:59 +00:00 by jreinemann-euris · 1 comment

jreinemann-euris commented

2026-05-17 13:34:59 +00:00

(Migrated from github.com)

Kontext

Die Android-App (Jetpack Compose) soll optisch an das Styling des Admin-Bereichs angeglichen werden, damit ein konsistentes Erscheinungsbild über alle Oberflächen entsteht.

Akzeptanzkriterien

Farbschema der App an Admin-Bereich angleichen (Material Theme anpassen)
Typografie konsistent mit Admin-UI (Schriftart, Hierarchie)
Card-Styles, Buttons, Input-Felder optisch anpassen
Navigation und Header-Bereich stilistisch angleichen
Dark Mode berücksichtigen (falls vorhanden)
Alle bestehenden Screens visuell prüfen

Technische Hinweise

Material Theme / Color Scheme in Compose anpassen
Admin-UI Styles als Design-Referenz
Keine funktionalen Änderungen, rein visuelles Refactoring

## Kontext Die Android-App (Jetpack Compose) soll optisch an das Styling des Admin-Bereichs angeglichen werden, damit ein konsistentes Erscheinungsbild über alle Oberflächen entsteht. ## Akzeptanzkriterien - [ ] Farbschema der App an Admin-Bereich angleichen (Material Theme anpassen) - [ ] Typografie konsistent mit Admin-UI (Schriftart, Hierarchie) - [ ] Card-Styles, Buttons, Input-Felder optisch anpassen - [ ] Navigation und Header-Bereich stilistisch angleichen - [ ] Dark Mode berücksichtigen (falls vorhanden) - [ ] Alle bestehenden Screens visuell prüfen ## Technische Hinweise - Material Theme / Color Scheme in Compose anpassen - Admin-UI Styles als Design-Referenz - Keine funktionalen Änderungen, rein visuelles Refactoring

jreinemann-euris commented

2026-05-17 14:52:09 +00:00

(Migrated from github.com)

Abgeschlossen (2025-05-17)

Zyklen: 1
Tests: ✅ 70 Tasks, 0 Fehler

Implementierte Artefakte

✅ Color.kt: Farbpalette an Admin-UI angeglichen (burnt orange, warm beige, dark brown)
✅ Type.kt: Typography mit Monospace-Headings (analog Share Tech Mono)
✅ Theme.kt: Typography eingebunden

Farbmapping Admin → App

Admin-Element	Farbe	M3-Token
Primary buttons/accents	#C1440E	primary (light variant #E8875A)
Text	#E8D5B0	onSurface, onBackground
Background	#16140F	background
Cards	#242119	surfaceContainer
Borders	#4A3F2F	outlineVariant
Labels	#A89070	onSurfaceVariant

Abweichungen

FontFamily.Monospace statt Share Tech Mono TTF (gleicher optischer Charakter ohne Asset-Overhead)
Light-Theme bleibt default Material (Admin ist nur dark)

## Abgeschlossen (2025-05-17) **Zyklen:** 1 **Tests:** ✅ 70 Tasks, 0 Fehler ### Implementierte Artefakte - ✅ Color.kt: Farbpalette an Admin-UI angeglichen (burnt orange, warm beige, dark brown) - ✅ Type.kt: Typography mit Monospace-Headings (analog Share Tech Mono) - ✅ Theme.kt: Typography eingebunden ### Farbmapping Admin → App | Admin-Element | Farbe | M3-Token | |---|---|---| | Primary buttons/accents | #C1440E | primary (light variant #E8875A) | | Text | #E8D5B0 | onSurface, onBackground | | Background | #16140F | background | | Cards | #242119 | surfaceContainer | | Borders | #4A3F2F | outlineVariant | | Labels | #A89070 | onSurfaceVariant | ### Abweichungen - FontFamily.Monospace statt Share Tech Mono TTF (gleicher optischer Charakter ohne Asset-Overhead) - Light-Theme bleibt default Material (Admin ist nur dark)

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: bollwerkadmin/bollwerk#92

No description provided.