From 5d25c4c395efd64e520009eceba66cd6708813b2 Mon Sep 17 00:00:00 2001
From: "Adrian D. Alvarez" <adrian@adriandalvarez.com>
Date: Fri, 26 Apr 2024 16:38:55 -0400
Subject: [PATCH] fix(VSlider): render in forced-colors mode

fixes #19705
---
 .../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 dab1e18fa5a..a898ab0f63b 100644
--- a/packages/vuetify/src/components/VSlider/VSliderThumb.sass
+++ b/packages/vuetify/src/components/VSlider/VSliderThumb.sass
@@ -34,6 +34,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 fab056971a6..725258c9fca 100644
--- a/packages/vuetify/src/components/VSlider/VSliderTrack.sass
+++ b/packages/vuetify/src/components/VSlider/VSliderTrack.sass
@@ -8,9 +8,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))
 
@@ -21,6 +27,9 @@
 .v-slider-track
   border-radius: $slider-track-border-radius
 
+  @media (forced-colors: active) 
+    border: 1px solid buttontext
+
 .v-slider-track
   &__background, &__fill
     position: absolute