Skip to content

Commit 3564664

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

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
@@ -341,24 +341,35 @@
341341

342342
@media (forced-colors: active)
343343
.v-list-item
344-
&:not(&--active)
344+
&--link:not(&--active)
345345
color: buttontext
346346

347+
&--link[href]:not(&--active)
348+
color: unset
349+
350+
&--variant-text.v-list-item--active,
347351
&--variant-plain.v-list-item--active
348352
color: highlight !important
349353

350-
&:not(&--variant-plain).v-list-item--active
354+
.v-list-item-title,
355+
.v-list-item-subtitle,
356+
.v-list-item-action
357+
color: highlight !important
358+
359+
&--active:not(&--variant-text, &--variant-plain)
351360
background-color: highlight !important
352361
color: highlighttext !important
353362

354-
&-title
355-
forced-color-adjust: preserve-parent-color
356-
357-
&--active
363+
.v-list-item-title,
364+
.v-list-item-subtitle
365+
opacity: 1
366+
forced-color-adjust: preserve-parent-color
367+
358368
.v-list-item__prepend,
359369
.v-list-item__append
360370
> .v-badge .v-icon,
361371
> .v-icon
372+
opacity: 1
362373
forced-color-adjust: preserve-parent-color
363374

364375
@supports selector(:focus-visible)

0 commit comments

Comments
 (0)