Skip to content

Colors

Primary

The primary colors

Primary Black $dxp-color-primary-black
Primary White $dxp-color-primary-white
Primary Red $dxp-color-primary-red
Primary Green $dxp-color-primary-green
Primary Blue $dxp-color-primary-blue
Primary Error Red $dxp-color-primary-error-red
Primary Gold $dxp-color-primary-gold

Secondary

Secondary Color 1 $dxp-color-secondary-1
Secondary Color 2 $dxp-color-secondary-2
Secondary Color 3 $dxp-color-secondary-3
Secondary Color 4 $dxp-color-secondary-4
Secondary Color 5 $dxp-color-secondary-5
Secondary Color 6 $dxp-color-secondary-6
Secondary Color 7 $dxp-color-secondary-7
Secondary Color 8 $dxp-color-secondary-8
Secondary Color 9 $dxp-color-secondary-9

Toyota

Primary

The primary colors for branding.

Primary Black $t-color-base
Highlighted Black $t-color-highlighted-black
Primary Focus $t-color-focus
Primary Blue $t-color-blue
Primary Red $t-color-red
Primary Red Hover $t-color-highlighted-hover

Secondary

The secondary colors for branding.

– $t-color-secondary-1
– $t-color-secondary-2
– $t-color-secondary-7

Semantic

Ecolabels

Common $dxp-ecolabel-common
Ecolabel 1 $dxp-ecolabel-1
Ecolabel 2 $dxp-ecolabel-2
Ecolabel 3 $dxp-ecolabel-3
Ecolabel 4 $dxp-ecolabel-4
Ecolabel 5 $dxp-ecolabel-5
Ecolabel 6 $dxp-ecolabel-6
Ecolabel 7 $dxp-ecolabel-7
Ecolabel 8 $dxp-ecolabel-8
Ecolabel 9 $dxp-ecolabel-9
Ecolabel 10 $dxp-ecolabel-10
Ecolabel 11 $dxp-ecolabel-11
Ecolabel 12 $dxp-ecolabel-12
Ecolabel 13 $dxp-ecolabel-13
Ecolabel 14 $dxp-ecolabel-14
Ecolabel 15 $dxp-ecolabel-15

Safetylabels

Common $dxp-safetylabel-common
Safety label 0 $dxp-safetylabel-0
Safety label 1 $dxp-safetylabel-1
Safety label 2 $dxp-safetylabel-2
Safety label 3 $dxp-safetylabel-3
Safety label 4 $dxp-safetylabel-4
Safety label 5 $dxp-safetylabel-5
Safety label 6 $dxp-safetylabel-6
Safety label 7 $dxp-safetylabel-7
Safety label 8 $dxp-safetylabel-8

Scrollbars

Scrollbar thumb $dxp-color-scrollbar-thumb
Scrollbar track $dxp-color-scrollbar-track