feat: 🎸 Fix contrast issue with count badge in dropdown (#3285)

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-19106
This commit is contained in:
Zhihe Li authored and GitHub committed 2026-05-28 09:59:48 -04:00
1 parent f9197d5a99
commit 89d492042e
1 file changed
+11
@@ -121,6 +121,15 @@
}
}
@mixin dark-mode-badge-count-override {
// Override the neutral badge count to fix contrast in dark mode.
/* stylelint-disable selector-class-pattern */
.hds-badge-count--color-neutral.hds-badge-count--type-inverted {
color: var(--token-color-palette-neutral-0);
}
/* stylelint-enable selector-class-pattern */
}
@mixin dark-mode-ember-dropdown-override {
.ember-basic-dropdown-content {
background-color: var(--token-color-palette-neutral-0);
@@ -251,6 +260,7 @@
.ember-application:not(.rose-theme-light) {
@include dark-mode;
@include dark-mode-modal-override;
@include dark-mode-badge-count-override;
@include dark-mode-ember-dropdown-override;
@include dark-mode-app-header-override;
@include dark-mode-app-side-nav-override;
@@ -267,6 +277,7 @@ html:has(.ember-application.rose-theme-dark) {
.ember-application.rose-theme-dark {
@include dark-mode;
@include dark-mode-modal-override;
@include dark-mode-badge-count-override;
@include dark-mode-ember-dropdown-override;
@include dark-mode-app-header-override;
@include dark-mode-app-side-nav-override;