From 810f58c993313f1ba861413a43dfe5ca4122a415 Mon Sep 17 00:00:00 2001
From: "Adrian D. Alvarez" <adrian@adriandalvarez.com>
Date: Tue, 11 Nov 2025 16:35:04 -0500
Subject: [PATCH] fix(VColorPicker): render in forced-colors mode

---
 .../VColorPicker/VColorPickerCanvas.sass         |  4 ++++
 .../VColorPicker/VColorPickerEdit.sass           |  3 +++
 .../VColorPicker/VColorPickerPreview.sass        | 16 ++++++++++++++++
 .../VColorPicker/VColorPickerSwatches.sass       |  4 ++++
 4 files changed, 27 insertions(+)

diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerCanvas.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerCanvas.sass
index 0eefe7c2772..b039c33fb6d 100644
--- a/packages/vuetify/src/components/VColorPicker/VColorPickerCanvas.sass
+++ b/packages/vuetify/src/components/VColorPicker/VColorPickerCanvas.sass
@@ -20,6 +20,10 @@
       background: transparent
       border-radius: 50%
       box-shadow: $color-picker-canvas-dot-box-shadow
+      
+      @media (forced-colors: active)
+        border-style: solid
+        outline: 2px solid highlight
 
       &--disabled
         box-shadow: $color-picker-canvas-dot-disabled-box-shadow
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerEdit.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerEdit.sass
index 8192b894f35..8395f78cfca 100644
--- a/packages/vuetify/src/components/VColorPicker/VColorPickerEdit.sass
+++ b/packages/vuetify/src/components/VColorPicker/VColorPickerEdit.sass
@@ -32,5 +32,8 @@
       background: rgba(var(--v-theme-surface-variant), .2)
       color: rgba(var(--v-theme-on-surface))
 
+      @media (forced-colors: active)
+        border-style: solid
+
     span
       font-size: $color-picker-input-font-size
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass
index ed4227985ff..29fbd2fcd14 100644
--- a/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass
+++ b/packages/vuetify/src/components/VColorPicker/VColorPickerPreview.sass
@@ -67,3 +67,19 @@
   .v-color-picker-preview__eye-dropper
     position: relative
     margin-right: $color-picker-preview-dropper-margin
+
+  @media (forced-colors: active)
+    .v-color-picker-preview
+
+      &__dot
+        border-style: solid
+        
+        > div
+          forced-color-adjust: preserve-parent-color
+      
+      &__sliders
+        forced-color-adjust: preserve-parent-color
+
+      .v-slider-thumb__surface
+        background: transparent
+        border: solid canvastext
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass b/packages/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass
index 761248ac443..46be48e11ee 100644
--- a/packages/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass
+++ b/packages/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass
@@ -34,3 +34,7 @@
       justify-content: center
       width: 100%
       height: 100%
+
+  @media (forced-colors: active)
+    .v-color-picker-swatches > div
+      forced-color-adjust: preserve-parent-color