From 265b2b4e6d896e1bf8d3052d300970e806e59638 Mon Sep 17 00:00:00 2001
From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com>
Date: Mon, 2 Feb 2026 17:58:14 +0700
Subject: [PATCH] fix: update switch background colors for consistency across
 statuses

---
 .../ui/src/components/forms/styles/switch.style.css    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/forms/styles/switch.style.css b/packages/ui/src/components/forms/styles/switch.style.css
index 2974dfd..ccfa4f0 100644
--- a/packages/ui/src/components/forms/styles/switch.style.css
+++ b/packages/ui/src/components/forms/styles/switch.style.css
@@ -189,7 +189,7 @@
   /* --- DEFAULT (Brand) --- */
 
   .switch-status-default .rc-switch {
-    background-color: var(--color-gray-200);
+    background-color: var(--color-gray-50);
     border-color: var(--color-gray-200);
   }
 
@@ -209,7 +209,7 @@
   /* --- ERROR --- */
   /* Hover Off state (Optional: Tint border red on hover even if off) */
   .switch-status-error .rc-switch {
-    background-color: var(--color-error-50);
+    background-color: var(--color-gray-50);
     border-color: var(--color-error-300);
   }
 
@@ -250,7 +250,7 @@
   /* --- SUCCESS --- */
 
   .switch-status-success .rc-switch {
-    background-color: var(--color-success-50);
+    background-color: var(--color-gray-50);
     border-color: var(--color-success-300);
   }
 
@@ -290,7 +290,7 @@
 
   /* --- WARNING --- */
   .switch-status-warning .rc-switch {
-    background-color: var(--color-warning-50);
+    background-color: var(--color-gray-50);
     border-color: var(--color-warning-300);
   }
 
@@ -330,7 +330,7 @@
 
   /* --- INFO --- */
   .switch-status-info .rc-switch {
-    background-color: var(--color-info-50);
+    background-color: var(--color-gray-50);
     border-color: var(--color-info-300);
   }