Skip to content

Commit c36fb92

Browse files
committed
fix(VListItem): respect link & canvas colors in forced-colors mode
1 parent 0923271 commit c36fb92

File tree

1 file changed

+17
-6
lines changed

1 file changed

+17
-6
lines changed

packages/vuetify/src/components/VList/VListItem.sass

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -338,24 +338,35 @@
338338

339339
@media (forced-colors: active)
340340
.v-list-item
341-
&:not(&--active)
341+
&--link:not(&--active)
342342
color: buttontext
343343

344+
&--link[href]:not(&--active)
345+
color: unset
346+
347+
&--variant-text.v-list-item--active,
344348
&--variant-plain.v-list-item--active
345349
color: highlight !important
346350

347-
&:not(&--variant-plain).v-list-item--active
351+
.v-list-item-title,
352+
.v-list-item-subtitle,
353+
.v-list-item-action
354+
color: highlight !important
355+
356+
&--active:not(&--variant-text, &--variant-plain)
348357
background-color: highlight !important
349358
color: highlighttext !important
350359

351-
&-title
352-
forced-color-adjust: preserve-parent-color
353-
354-
&--active
360+
.v-list-item-title,
361+
.v-list-item-subtitle
362+
opacity: 1
363+
forced-color-adjust: preserve-parent-color
364+
355365
.v-list-item__prepend,
356366
.v-list-item__append
357367
> .v-badge .v-icon,
358368
> .v-icon
369+
opacity: 1
359370
forced-color-adjust: preserve-parent-color
360371

361372
@supports selector(:focus-visible)

0 commit comments

Comments
 (0)