Skip to content

Colors

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
KSS Source
  • 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
KSS Source

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
KSS Source

The secondary colors for branding.

  • $t-color-secondary-1
  • $t-color-secondary-2
  • $t-color-secondary-7
KSS Source
  • 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
KSS Source
  • 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
KSS Source
  • Scrollbar thumb $dxp-color-scrollbar-thumb
  • Scrollbar track $dxp-color-scrollbar-track
KSS Source