Description
relates to: elastic/kibana#217508
As part of the Visual Refresh updates, we introduced new base color shades for sky and risk which are mainly used as in severity color context. We only export color tokens for severity colors that are defined by design to be used by consumers.
There are however needs on Kibana side to use additional shades than the exported ones and that clashes with the following principles we have for our color tokens:
- we don't export the base semantic color tokens (to prevent misuse)
- we don't export additional color tokens for specific limited use cases (potential misuse in other places)
- we don't expect consumer teams to redefine base color tokens with static values for their specific use cases (breaking single source of truth)
Instead, we decided to provide additional eui color palettes for the new color options for teams to be able to generate additional shade colors on basis of the pre-defined colors.
We want to add the following palettes (code) that align in naming with current palettes (based on color not semantics as semantics here might have different meanings depending on use/cultural context):
euiPaletteSkyBlue (currently required)
euiPaletteYellow (optional but might be of use in the future)
euiPaletteOrange (optional but might be of use in the future)
Description
relates to: elastic/kibana#217508
As part of the Visual Refresh updates, we introduced new base color shades for
skyandriskwhich are mainly used as in severity color context. We only export color tokens for severity colors that are defined by design to be used by consumers.There are however needs on Kibana side to use additional shades than the exported ones and that clashes with the following principles we have for our color tokens:
Instead, we decided to provide additional eui color palettes for the new color options for teams to be able to generate additional shade colors on basis of the pre-defined colors.
We want to add the following palettes (code) that align in naming with current palettes (based on color not semantics as semantics here might have different meanings depending on use/cultural context):
euiPaletteSkyBlue(currently required)euiPaletteYellow(optional but might be of use in the future)euiPaletteOrange(optional but might be of use in the future)