fix(button): hcm for ghost icon color contrast

carbon-design-system · Oct 19, 2021 · 932d9b0 · 932d9b0
1 parent ac2c448
commit 932d9b0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git 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
@@ -18,6 +18,10 @@
       fill: ButtonText;
     }
 
+    @if ($type == 'icon-fill-white') {
+      fill: $icon-03;
+    }
+
     @if ($type == 'focus') {
       color: Highlight;
       outline: 1px solid Highlight;