From d3f6af93869b4583ffb65ab5e95440d551fea0de Mon Sep 17 00:00:00 2001 From: leagrdv Date: Mon, 16 Dec 2024 12:56:41 +0100 Subject: [PATCH] fix(styles): HCM banner icon color --- .changeset/quiet-dolls-lick.md | 5 +++++ packages/styles/src/mixins/_notification.scss | 4 ++++ 2 files changed, 9 insertions(+) create mode 100644 .changeset/quiet-dolls-lick.md diff --git a/.changeset/quiet-dolls-lick.md b/.changeset/quiet-dolls-lick.md new file mode 100644 index 0000000000..929fe508ec --- /dev/null +++ b/.changeset/quiet-dolls-lick.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Fixed icon color of banner in high contrast mode. diff --git a/packages/styles/src/mixins/_notification.scss b/packages/styles/src/mixins/_notification.scss index da218f342f..e57bfd25fd 100644 --- a/packages/styles/src/mixins/_notification.scss +++ b/packages/styles/src/mixins/_notification.scss @@ -111,6 +111,10 @@ tokens.$default-map: components.$post-banner; &:not(.no-icon)::before { @include icons-mx.icon($icon); color: $icon-color; + + @include utilities-mx.high-contrast-mode { + color: FieldText; + } } // Prevent flashing when using post-icon