From 21e9f5e74267706cc4eebf351a27889563e89047 Mon Sep 17 00:00:00 2001 From: "Adrian D. Alvarez" <06b@users.noreply.github.com> Date: Tue, 7 May 2024 11:53:08 -0400 Subject: [PATCH] fix(VSlider): render in forced-colors mode (#19706) fixes #19705 Co-authored-by: John Leider --- .../vuetify/src/components/VSlider/VSliderThumb.sass | 3 +++ .../vuetify/src/components/VSlider/VSliderTrack.sass | 9 +++++++++ 2 files changed, 12 insertions(+) diff --git a/packages/vuetify/src/components/VSlider/VSliderThumb.sass b/packages/vuetify/src/components/VSlider/VSliderThumb.sass index 977d221cd3d..2d9b5a15605 100644 --- a/packages/vuetify/src/components/VSlider/VSliderThumb.sass +++ b/packages/vuetify/src/components/VSlider/VSliderThumb.sass @@ -35,6 +35,9 @@ user-select: none background-color: currentColor + @media (forced-colors: active) + background-color: highlight + &::before transition: 0.3s settings.$standard-easing content: '' diff --git a/packages/vuetify/src/components/VSlider/VSliderTrack.sass b/packages/vuetify/src/components/VSlider/VSliderTrack.sass index 0e457ac997d..167b4a48871 100644 --- a/packages/vuetify/src/components/VSlider/VSliderTrack.sass +++ b/packages/vuetify/src/components/VSlider/VSliderTrack.sass @@ -9,9 +9,15 @@ .v-slider-track__background background-color: rgb(var(--v-theme-surface-variant)) + @media (forced-colors: active) + background-color: highlight + .v-slider-track__fill background-color: rgb(var(--v-theme-surface-variant)) + @media (forced-colors: active) + background-color: highlight + .v-slider-track__tick background-color: rgb(var(--v-theme-surface-variant)) @@ -22,6 +28,9 @@ .v-slider-track border-radius: $slider-track-border-radius + @media (forced-colors: active) + border: thin solid buttontext + .v-slider-track &__background, &__fill position: absolute