Ir al contenido

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.

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

NeutralDark

#2C2C2C

surfaceVariant · surfaceContainer

NeutralGray

#7A7A7A

onSurfaceVariant · outline · chip “D”

NeutralLight

#EDEDED

onBackground · texto principal

NeutralWhite

#FFFFFF

fondo de carta blanco · texto sobre color

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

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

Clase Color
LMH LMH
LMDh LMDH
GTP GTP
GT3 GT3
GTE GTE
LMP2 LMP2
Hyper HYPER
otro ?
Tier Color
S CLASS S
A CLASS A
B CLASS B
C CLASS C
D CLASS D

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.

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”).