Skip to content

Commit 31dab58

Browse files
fix(data-table): high contrast mode fixes (#6873)
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
1 parent d7ddb44 commit 31dab58

File tree

4 files changed

+27
-0
lines changed

4 files changed

+27
-0
lines changed

packages/components/src/components/data-table/_data-table-expandable.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -205,6 +205,12 @@
205205
transform: rotate(90deg);
206206
transition: transform $duration--moderate-01 motion(standard, productive);
207207
fill: $ui-05;
208+
209+
// Windows HCM fix
210+
@media screen and (-ms-high-contrast: active) {
211+
// `ButtonText` is a CSS2 system color to help improve colors in HCM
212+
fill: ButtonText;
213+
}
208214
}
209215

210216
// fix expanded parent separating border length

packages/components/src/components/data-table/_data-table-sort.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,15 @@
150150
fill: $ui-05;
151151
}
152152

153+
// Windows HCM fix
154+
.#{$prefix}--table-sort__icon,
155+
.#{$prefix}--table-sort__icon-unsorted {
156+
@media screen and (-ms-high-contrast: active) {
157+
// `ButtonText` is a CSS2 system color to help improve colors in HCM
158+
fill: ButtonText;
159+
}
160+
}
161+
153162
//----------------------------------------------------------------------------
154163
// Compact, Short, Tall Sortable
155164
//----------------------------------------------------------------------------

packages/components/src/components/overflow-menu/_overflow-menu.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,12 @@
7474
width: rem(16px);
7575
height: rem(16px);
7676
fill: $icon-01;
77+
78+
// Windows HCM fix
79+
@media screen and (-ms-high-contrast: active) {
80+
// `ButtonText` is a CSS2 system color to help improve colors in HCM
81+
fill: ButtonText;
82+
}
7783
}
7884

7985
.#{$prefix}--overflow-menu-options {

packages/components/src/components/search/_search.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,12 @@
119119
transform: translateY(-50%);
120120
pointer-events: none;
121121
fill: $icon-02;
122+
123+
// Windows HCM fix
124+
@media screen and (-ms-high-contrast: active) {
125+
// `ButtonText` is a CSS2 system color to help improve colors in HCM
126+
fill: ButtonText;
127+
}
122128
}
123129

124130
.#{$prefix}--search-close {

0 commit comments

Comments
 (0)