diff --git a/src/components/selectable/selectable_templates/_variables.scss b/src/components/selectable/selectable_templates/_variables.scss index 8ff1bfedf15..6148dc9dd9e 100644 --- a/src/components/selectable/selectable_templates/_variables.scss +++ b/src/components/selectable/selectable_templates/_variables.scss @@ -1,22 +1,26 @@ +// The $euiFocusBackgroundColor without the alpha channel in light and dark mode +$euiSelectableTemplateFocusBackgroundLight: rgb(232, 241, 250); +$euiSelectableTemplateFocusBackgroundDark: rgb(35,56,77); + $euiSelectableTemplateSitewideTypes: ( 'application': ( - 'color': makeHighContrastColor($euiColorVis1), + 'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis1, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis1, $euiSelectableTemplateFocusBackgroundDark)), 'font-weight': $euiFontWeightMedium, ), 'deployment': ( - 'color': makeHighContrastColor($euiColorVis0), + 'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis0, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis0, $euiSelectableTemplateFocusBackgroundDark)), 'font-weight': $euiFontWeightMedium, ), 'article': ( - 'color': makeHighContrastColor($euiColorVis3), + 'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis3, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis3, $euiSelectableTemplateFocusBackgroundDark)), 'font-weight': $euiFontWeightMedium, ), 'case': ( - 'color': makeHighContrastColor($euiColorVis9), + 'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis9, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis9, $euiSelectableTemplateFocusBackgroundDark)), 'font-weight': $euiFontWeightMedium, ), 'platform': ( - 'color': makeHighContrastColor($euiColorVis5), + 'color': lightOrDarkTheme(makeHighContrastColor($euiColorVis5, $euiSelectableTemplateFocusBackgroundLight), makeHighContrastColor($euiColorVis5, $euiSelectableTemplateFocusBackgroundDark)), 'font-weight': $euiFontWeightMedium, ), ); diff --git a/upcoming_changelogs/6761.md b/upcoming_changelogs/6761.md new file mode 100644 index 00000000000..882decfecba --- /dev/null +++ b/upcoming_changelogs/6761.md @@ -0,0 +1 @@ +- Improved the contrast ratio of meta labels within `EuiSelectableTemplateSitewide` to meet WCAG AA guidelines.