Colores
Toda la paleta vive en un único archivo, ui/theme/Color.kt, y se aplica a través de un
darkColorScheme fijo en ui/theme/Theme.kt — la app no tiene modo claro: es un
producto “dark-native” por decisión de diseño.
Primarios
Sección titulada «Primarios»BrandYellow
#FFC700
primary · tab “Create” · rareza S
BrandRed
#E63946
tertiary/error · eliminar · chip GTE/LMDh
BrandBlue
#0077FF
secondary · chip LMH/LMP2 · rareza B
BrandDark
#1E1E1E
background / surface de toda la app
Secundarios (neutros)
Sección titulada «Secundarios (neutros)»NeutralDark
#2C2C2C
surfaceVariant · surfaceContainer
NeutralGray
#7A7A7A
onSurfaceVariant · outline · chip “D”
NeutralLight
#EDEDED
onBackground · texto principal
NeutralWhite
#FFFFFF
fondo de carta blanco · texto sobre color
Semánticos
Sección titulada «Semánticos»SuccessGreen
#2E9E5B
chip GT3 · rareza C · fondo de carta verde
HyperPurple
#8B5CF6
chip GTP/Hyper · rareza A
CardBackgroundOrange
#FF8A00
5ta opción de fondo de carta
splash_background
#01090D
único color del splash + loading screen
Escala de superficies (surfaceContainer*)
Sección titulada «Escala de superficies (surfaceContainer*)»Definida explícitamente para evitar que Material 3 derive tonos grises con tinte púrpura desde su paleta neutral-variant por defecto — el bug original que hacía que menús como el dropdown de clase se vieran violeta en vez de gris:
surfaceContainerLowest
#161616
surfaceContainerLow
#222222
surfaceContainer
#2C2C2C
surfaceContainerHigh
#383838
surfaceContainerHighest
#444444
Uso por significado
Sección titulada «Uso por significado»Chips de clase (classChipColor)
Sección titulada «Chips de clase (classChipColor)»| Clase | Color |
|---|---|
LMH |
LMH |
LMDh |
LMDH |
GTP |
GTP |
GT3 |
GT3 |
GTE |
GTE |
LMP2 |
LMP2 |
Hyper |
HYPER |
| otro | ? |
Rareza (tierColor)
Sección titulada «Rareza (tierColor)»| Tier | Color |
|---|---|
S |
CLASS S |
A |
CLASS A |
B |
CLASS B |
C |
CLASS C |
D |
CLASS D |
Fondos de carta (CardBackgroundColors)
Sección titulada «Fondos de carta (CardBackgroundColors)»White
Green
Red
Blue
Orange
Cada color de fondo genera, en tiempo de composición, un tono claro (lighten(0.35f)) y uno
oscuro (darken(0.5f)) para la viñeta radial de la carta — ver ArtworkFace.
Mapeo a ColorScheme de Material 3
Sección titulada «Mapeo a ColorScheme de Material 3»private val RacingColorScheme = darkColorScheme( primary = BrandYellow, onPrimary = BrandDark, secondary = BrandBlue, onSecondary = NeutralWhite, tertiary = BrandRed, onTertiary = NeutralWhite, background = BrandDark, onBackground = NeutralLight, surface = BrandDark, onSurface = NeutralLight, surfaceVariant = NeutralDark, onSurfaceVariant = NeutralGray, error = BrandRed, onError = NeutralWhite, surfaceContainerLowest = SurfaceContainerLowest, surfaceContainerLow = SurfaceContainerLow, surfaceContainer = SurfaceContainer, surfaceContainerHigh = SurfaceContainerHigh, surfaceContainerHighest = SurfaceContainerHighest,)Toda la UI de Material 3 (botones, campos, menús, diálogos) toma sus colores de este scheme —
ningún composable de la app fija colores de Material a mano, salvo cuando necesita un color de
marca puntual (por ejemplo, BrandRed en el botón “Eliminar tarjeta”).
