diff --git a/packages/components/src/components/button/_button.scss b/packages/components/src/components/button/_button.scss index 307d9914392d..04d88b278dc2 100644 --- a/packages/components/src/components/button/_button.scss +++ b/packages/components/src/components/button/_button.scss @@ -285,6 +285,9 @@ path:not([data-icon-path]):not([fill='none']), .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon { fill: $icon-01; + @include high-contrast-mode { + fill: $icon-03; + } } .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] diff --git a/packages/styles/scss/utilities/_high-contrast-mode.scss b/packages/styles/scss/utilities/_high-contrast-mode.scss index 74252afe00c6..6ae166934f13 100644 --- a/packages/styles/scss/utilities/_high-contrast-mode.scss +++ b/packages/styles/scss/utilities/_high-contrast-mode.scss @@ -18,6 +18,10 @@ fill: ButtonText; } + @if ($type == 'icon-fill-white') { + fill: $icon-03; + } + @if ($type == 'focus') { color: Highlight; outline: 1px solid Highlight;