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..3d312d6ea1 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: CanvasText; + } } // Prevent flashing when using post-icon