In addressing a separate a11y issue within Kibana's 'Add data' section, we noticed axe warnings for insufficient color contrast related to the pink accent colored used in EuiClodeBlock. It's SO close but falls just short, and the same value can be seen in the EUI docs examples.
Kibana tutorial
EUI docs
A quick scan traces back to here (we may want to check other colors here as well):
|
// Code |
|
$euiCodeBlockBackgroundColor: $euiColorLightestShade !default; |
|
$euiCodeBlockColor: $euiTextColor !default; |
|
$euiCodeBlockSelectedBackgroundColor: inherit !default; |
|
$euiCodeBlockCommentColor: #998 !default; |
|
$euiCodeBlockSelectorTagColor: inherit !default; |
|
$euiCodeBlockStringColor: #DD0A73 !default; |
|
$euiCodeBlockNumberColor: #00A69B !default; |
|
$euiCodeBlockKeywordColor: #333 !default; |
|
$euiCodeBlockFunctionTitleColor: inherit !default; |
|
$euiCodeBlockTagColor: #0079A5 !default; |
|
$euiCodeBlockNameColor: inherit !default; |
|
$euiCodeBlockTypeColor: #0079A5 !default; |
|
$euiCodeBlockAttributeColor: inherit !default; |
|
$euiCodeBlockSymbolColor: #990073 !default; |
|
$euiCodeBlockParamsColor: inherit !default; |
|
$euiCodeBlockMetaColor: #999 !default; |
|
$euiCodeBlockTitleColor: #900 !default; |
|
$euiCodeBlockRegexpColor: #009926 !default; |
|
$euiCodeBlockBuiltInColor: #0086B3 !default; |
|
$euiCodeBlockSectionColor: #FFC66D !default; |
|
$euiCodeBlockAdditionBackgroundColor: #DFD !default; |
|
$euiCodeBlockAdditionColor: inherit !default; |
|
$euiCodeBlockDeletionBackgroundColor: #FDD !default; |
|
$euiCodeBlockDeletionColor: inherit !default; |
|
$euiCodeBlockSelectorClassColor: inherit !default; |
|
$euiCodeBlockSelectorIdColor: inherit !default; |
In addressing a separate a11y issue within Kibana's 'Add data' section, we noticed axe warnings for insufficient color contrast related to the pink accent colored used in
EuiClodeBlock. It's SO close but falls just short, and the same value can be seen in the EUI docs examples.Kibana tutorial
EUI docs
A quick scan traces back to here (we may want to check other colors here as well):
eui/src/global_styling/variables/_colors.scss
Lines 121 to 147 in b5752fc