Skip to content

Commit 997dd56

Browse files
authored
fix(VChipGroup): render selected in forced-colors mode (#21973)
1 parent 417be71 commit 997dd56

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed

packages/vuetify/src/components/VChipGroup/VChipGroup.sass

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,33 @@
1313
.v-chip
1414
margin: $chip-group-margin
1515

16+
@media (forced-colors: active)
17+
background-color: buttonface !important
18+
color: buttontext !important
19+
20+
&:hover
21+
color: highlight !important
22+
1623
&.v-chip--selected:not(.v-chip--disabled)
1724
.v-chip__overlay
1825
opacity: $chip-group-selected-opacity
1926

27+
@media (forced-colors: active)
28+
color: highlight !important
29+
forced-color-adjust: preserve-parent-color
30+
31+
&:focus-visible
32+
outline-offset: 2px
33+
34+
&.v-chip--variant-elevated,
35+
&.v-chip--variant-flat
36+
background-color: highlight !important
37+
color: highlighttext !important
38+
39+
&.v-chip--variant-outlined,
40+
&.v-chip--variant-tonal
41+
border-width: medium
42+
2043
// Modifiers
2144
.v-chip-group--column
2245
.v-slide-group__content

0 commit comments

Comments
 (0)