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); }