Colors
A set of colors used across our designs to ensure consistency.
Theme colors
The dark version is used for hover colors. Accessible from designTokens.theme.{color}. In react-ui-kit each active theme's primary color can be accessed from theme.colors.primary.
- Reinrot
- red01
- RAL 3028
- Verkehrsorange
- orange01
- RAL 2009
- BikeMi Milan
- bikeMi
- RAL ???
- Green machine
- greenMachine
- RAL ???
- Gelbgrün
- green01
- RAL 6018
- Reingrün
- green02
- RAL 6037
- Wasserblau
- green03
- RAL 5021
- Himmelblau
- blue01
- RAL 5015
- Verkehrsblau
- blue02
- RAL 5017
- Ultramarine blau
- purple01
- RAL 5002
- Signalviolett
- purple02
- RAL 4008
- Telemagenta
- pink01
- RAL 4010
- Himberrod
- red02
- RAL 3027
- Just Eat Cycles
- edinburghCityBike
- RAL ???
Palette
These colors are accessible as designTokens.palette.{color}, or as theme.colors.palette.{color} in react-ui-kit.
Light palette
These colors are accessible as designTokens.paletteLight.{color}, or as theme.colors.paletteLight.{color} in react-ui-kit.
Dark palette
These colors are accessible as designTokens.paletteDark.{color}, or as theme.colors.paletteDark.{color} in react-ui-kit.
Neutral
These colors are accessible as designTokens.neutral.{color}, or as theme.colors.neutral[{key}] in react-ui-kit.
Accent
These colors are accessible as designTokens.accent.{color}, or as theme.colors.accent.{color}. in react-ui-kit.