diff --git a/CHANGELOG.md b/CHANGELOG.md index 6dba3c5648c..2886eba5e98 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,6 @@ ## [`master`](https://github.com/elastic/eui/tree/master) +- Lightened `EuiBadge` hollow border color in dark mode ([#2746](https://github.com/elastic/eui/pull/2746)) - Added `minInputProps` and `maxInputProps` to supply more props to the inputs of `EuiDualRange` ([#2738](https://github.com/elastic/eui/pull/2738)) - Changed `EuiBadge` to use EUI palette colors ([#2455](https://github.com/elastic/eui/pull/2455)) - Darkened a few `euiPaletteColorBlind` colors ([#2455](https://github.com/elastic/eui/pull/2455)) diff --git a/src/components/badge/_badge.scss b/src/components/badge/_badge.scss index e021e5ac322..1333a8623f7 100644 --- a/src/components/badge/_badge.scss +++ b/src/components/badge/_badge.scss @@ -126,6 +126,6 @@ // Hollow has a border and is mostly used for autocompleters. .euiBadge--hollow { background-color: $euiColorEmptyShade; - border-color: $euiBorderColor; + border-color: lightOrDarkTheme($euiBorderColor, tint($euiBorderColor, 15%)); color: $euiTextColor; }