Skip to content

theme

Jump to bottom
Actionbot edited this page Oct 6, 2026 · 5 revisions

UI: Theme

Zweck

Dokumentation des Farbschemas und der Typografie.

Markenfarben

Name Hex Verwendung
TraewellingRed #C72730 Logo, primäre Akzente
TraewellingRedDark #A51F27 Dunklere Variante

Erweiterte Palette

Primär (Deep Indigo)

  • DeepIndigo: #1A237E (helle Primaryfarbe; Dark-/AMOLED-Primarycontainer)
  • IndigoLight: #534BAE (heller Primarycontainer; Dark-/AMOLED-Primaryfarbe)

Sekundär (Teal)

  • TealAccent: #00897B (Fortschritt, Start/End-Badges)
  • TealLight: #B2DFDB (Container)
  • TealDark: #00695C (auf Container)

Tertiär (Amber)

  • AmberAccent: #FF8F00 (persönliche Marker)
  • AmberLight: #FFF8E1 (Container)
  • AmberDark: #E65100 (auf Container)

Semantische Farben

  • SuccessGreen: #2E7D32 (pünktlich/früh)
  • WarningOrange: #E65100 (Verspätung)
  • ErrorRed: #C62828 (Ausfall/Fehler)

Material3 ColorSchemes

Das Theme unterstützt nun mehrere Modi (Light, Dark, AMOLED), die reaktiv basierend auf der Nutzereinstellung über den PreferencesManager und SettingsViewModel geladen werden.

private val LightColorScheme = lightColorScheme(
    primary = DeepIndigo,
    secondary = TealAccent,
    tertiary = AmberAccent,
    error = ErrorRed,
    background = SurfaceBlue (#FAFBFF),
    surface = SurfaceCard (#FFFFFF)
)

private val DarkColorScheme = darkColorScheme(
    primary = IndigoLight,
    background = Color(0xFF121212),
    surface = Color(0xFF1E1E1E)
)

private val AmoledColorScheme = darkColorScheme(
    primary = IndigoLight,
    background = Color(0xFF000000), // Tiefes Schwarz für OLED
    surface = Color(0xFF000000)
)

Prüfgrenze für Textakzente

TODO: Kleine Primaryfarbtexte auf dunklen Grundflächen visuell und mit zugänglicher Schrift prüfen. IndigoLight auf Surface #1E1E1E ergibt rechnerisch 2,370:1, auf AMOLED-Schwarz 2,985:1. Das ist eine Palettenberechnung, keine Gerätebildschirmmessung. Die Semantiklücken U7 sind gemäß Nachreview-Korrektur behoben; die separate Farbprüfung bleibt offen.

Typografie

Standard Material3 Typography (Roboto).

TransportColors

Farben für Verkehrsmittel-Kategorien (siehe Komponenten).

Verwandte Seiten

Clone this wiki locally