eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

fix: update switch background colors for consistency across statuses

Browse Source
This commit is contained in:
Firman Ramdhani
2026-02-02 17:58:14 +07:00
parent aaeb039fae
commit 265b2b4e6d
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/forms/styles/switch.style.css
+5 -5
View File
@@ -189,7 +189,7 @@
/* --- DEFAULT (Brand) --- */ /* --- DEFAULT (Brand) --- */
.switch-status-default .rc-switch { .switch-status-default .rc-switch {
background-color: var(--color-gray-200); background-color: var(--color-gray-50);
border-color: var(--color-gray-200); border-color: var(--color-gray-200);
} }
@@ -209,7 +209,7 @@
/* --- ERROR --- */ /* --- ERROR --- */
/* Hover Off state (Optional: Tint border red on hover even if off) */ /* Hover Off state (Optional: Tint border red on hover even if off) */
.switch-status-error .rc-switch { .switch-status-error .rc-switch {
background-color: var(--color-error-50); background-color: var(--color-gray-50);
border-color: var(--color-error-300); border-color: var(--color-error-300);
} }
@@ -250,7 +250,7 @@
/* --- SUCCESS --- */ /* --- SUCCESS --- */
.switch-status-success .rc-switch { .switch-status-success .rc-switch {
background-color: var(--color-success-50); background-color: var(--color-gray-50);
border-color: var(--color-success-300); border-color: var(--color-success-300);
} }
@@ -290,7 +290,7 @@
/* --- WARNING --- */ /* --- WARNING --- */
.switch-status-warning .rc-switch { .switch-status-warning .rc-switch {
background-color: var(--color-warning-50); background-color: var(--color-gray-50);
border-color: var(--color-warning-300); border-color: var(--color-warning-300);
} }
@@ -330,7 +330,7 @@
/* --- INFO --- */ /* --- INFO --- */
.switch-status-info .rc-switch { .switch-status-info .rc-switch {
background-color: var(--color-info-50); background-color: var(--color-gray-50);
border-color: var(--color-info-300); border-color: var(--color-info-300);
} }