Colors

Material 3 color roles with Davidhorn-specific values, light and dark side by side. Each role carries its KMP AppColors.* reference and its Svelte --color-* custom property.

Primary

Token	Light	Dark
Primary `AppColors.Primary` `--color-primary`	`#354E9E`	`#4F66C6`
OnPrimary `AppColors.OnPrimary` `--color-on-primary`	`#FFFFFF`	`#FFFFFF`
PrimaryContainer `AppColors.PrimaryContainer` `--color-primary-container`	`#C0CCF2`	`#3043A1`
OnPrimaryContainer `AppColors.OnPrimaryContainer` `--color-on-primary-container`	`#3043A1`	`#C0CCF2`

Secondary

Token	Light	Dark
Secondary `AppColors.Secondary` `--color-secondary`	`#2B2B2B`	`#FFFFFF`
OnSecondary `AppColors.OnSecondary` `--color-on-secondary`	`#FFFFFF`	`#2B2B2B`
SecondaryContainer `AppColors.SecondaryContainer` `--color-secondary-container`	`#C2C2C2`	`#2B2B2B`
OnSecondaryContainer `AppColors.OnSecondaryContainer` `--color-on-secondary-container`	`#2B2B2B`	`#C2C2C2`

Tertiary

Token	Light	Dark
Tertiary `AppColors.Tertiary` `--color-tertiary`	`#FF7900`	`#FF7900`
OnTertiary `AppColors.OnTertiary` `--color-on-tertiary`	`#FFFFFF`	`#FFFFFF`
TertiaryContainer `AppColors.TertiaryContainer` `--color-tertiary-container`	`#FFEAC2`	`#FFEAC2`
OnTertiaryContainer `AppColors.OnTertiaryContainer` `--color-on-tertiary-container`	`#FF7900`	`#FF7900`

Error

Token	Light	Dark
Error `AppColors.Error` `--color-error`	`#D93A47`	`#D93A47`
OnError `AppColors.OnError` `--color-on-error`	`#FFFFFF`	`#FFFFFF`
ErrorContainer `AppColors.ErrorContainer` `--color-error-container`	`#FFD0D3`	`#FFD0D3`
OnErrorContainer `AppColors.OnErrorContainer` `--color-on-error-container`	`#B82330`	`#B82330`

Success

Token	Light	Dark
Success `AppColors.Success` `--color-success`	`#51A171`	`#51A171`
OnSuccess `AppColors.OnSuccess` `--color-on-success`	`#FFFFFF`	`#FFFFFF`
SuccessContainer `AppColors.SuccessContainer` `--color-success-container`	`#DCECE3`	`#DCECE3`
OnSuccessContainer `AppColors.OnSuccessContainer` `--color-on-success-container`	`#51A171`	`#51A171`

Surface

Token	Light	Dark
Surface `AppColors.Surface` `--color-surface`	`#FAFAFA`	`#1D1D1D`
OnSurface `AppColors.OnSurface` `--color-on-surface`	`#1D1D1D`	`#FFFFFF`
SurfaceDim `AppColors.SurfaceDim` `--color-surface-dim`	`#F2F2F2`	`#1D1D1D`
SurfaceBright `AppColors.SurfaceBright` `--color-surface-bright`	`#FFFFFF`	`#2B2B2B`
SurfaceContainerLowest `AppColors.SurfaceContainerLowest` `--color-surface-container-lowest`	`#FFFFFF`	`#353535`
SurfaceContainerLow `AppColors.SurfaceContainerLow` `--color-surface-container-low`	`#FAFAFA`	`#4B4B4B`
SurfaceContainer `AppColors.SurfaceContainer` `--color-surface-container`	`#EBEBEB`	`#353535`
SurfaceContainerHigh `AppColors.SurfaceContainerHigh` `--color-surface-container-high`	`#C2C2C2`	`#A0A0A0`
SurfaceContainerHighest `AppColors.SurfaceContainerHighest` `--color-surface-container-highest`	`#FFFFFF`	`#353535`

Outline

Token	Light	Dark
OnSurfaceVariant `AppColors.OnSurfaceVariant` `--color-on-surface-variant`	`#353535`	`#FAFAFA`
Outline `AppColors.Outline` `--color-outline`	`#4B4B4B`	`#F2F2F2`
OutlineVariant `AppColors.OutlineVariant` `--color-outline-variant`	`#6B6B6B`	`#EBEBEB`

Inverse

Token	Light	Dark
InverseSurface `AppColors.InverseSurface` `--color-inverse-surface`	`#1D1D1D`	`#FAFAFA`
InverseOnSurface `AppColors.InverseOnSurface` `--color-inverse-on-surface`	`#FAFAFA`	`#1D1D1D`
InversePrimary `AppColors.InversePrimary` `--color-inverse-primary`	`#C0CCF2`	`#3043A1`