From 5d4892d2873b732ce8a833167c42d7d6441b6d03 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 1 Apr 2024 16:15:14 +0300
Subject: [PATCH] Update colors in scoped doc

---
 doc/theming/styled/ScopedTokensDoc.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/doc/theming/styled/ScopedTokensDoc.vue b/doc/theming/styled/ScopedTokensDoc.vue
index 6d2bb21e1..bcc2b9653 100644
--- a/doc/theming/styled/ScopedTokensDoc.vue
+++ b/doc/theming/styled/ScopedTokensDoc.vue
@@ -27,8 +27,8 @@ export default {
                             borderRadius: '4px'
                         },
                         handle: {
-                            checkedBackground: '{amber.900}',
-                            checkedHoverBackground: '{amber.950}'
+                            checkedBackground: '{amber.50}',
+                            checkedHoverBackground: '{amber.100}'
                         }
                     },
                     dark: {
@@ -38,8 +38,8 @@ export default {
                             borderRadius: '4px'
                         },
                         handle: {
-                            checkedBackground: '{amber.50}',
-                            checkedHoverBackground: '{amber.100}'
+                            checkedBackground: '{amber.900}',
+                            checkedHoverBackground: '{amber.800}'
                         }
                     }
                 }
@@ -70,8 +70,8 @@ const amberSwitch = ref({
                 borderRadius: '4px'
             },
             handle: {
-                checkedBackground: '{amber.900}',
-                checkedHoverBackground: '{amber.950}'
+                checkedBackground: '{amber.50}',
+                checkedHoverBackground: '{amber.100}'
             }
         },
         dark: {
@@ -81,8 +81,8 @@ const amberSwitch = ref({
                 borderRadius: '4px'
             },
             handle: {
-                checkedBackground: '{amber.50}',
-                checkedHoverBackground: '{amber.100}'
+                checkedBackground: '{amber.900}',
+                checkedHoverBackground: '{amber.800}'
             }
         }
     }