Toggle color fixes

btcpayserver · Sep 13, 2024 · a8145e1 · a8145e1
1 parent 7569bba
commit a8145e1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/toggle/toggle.css b/src/components/toggle/toggle.css
@@ -16,7 +16,7 @@
   cursor: pointer;
 }
 
-.btcpay-toggle:hover {
+.btcpay-toggle:not(:disabled):hover {
   background: var(--btcpay-toggle-bg-hover);
 }
 
@@ -31,8 +31,8 @@ input.btcpay-toggle:checked,
   background: var(--btcpay-toggle-bg-active);
 }
 
-input.btcpay-toggle:checked:hover,
-.btcpay-toggle.btcpay-toggle--active:hover {
+input.btcpay-toggle:not(:disabled):checked:hover,
+.btcpay-toggle.btcpay-toggle--active:not(:disabled):hover {
   background: var(--btcpay-toggle-bg-active-hover);
 }
 

diff --git a/src/styles/variables/theme.css b/src/styles/variables/theme.css
@@ -74,9 +74,9 @@
   --btcpay-form-shadow-invalid: var(--btcpay-danger-shadow);
 
   --btcpay-toggle-bg: var(--btcpay-neutral-500);
-  --btcpay-toggle-bg-hover: var(--btcpay-neutral-600);
+  --btcpay-toggle-bg-hover: var(--btcpay-primary-bg-hover);
   --btcpay-toggle-bg-active: var(--btcpay-primary);
-  --btcpay-toggle-bg-active-hover: var(--btcpay-primary-600);
+  --btcpay-toggle-bg-active-hover: var(--btcpay-primary-bg-active);
 
   --btcpay-footer-bg: var(--btcpay-body-bg);
   --btcpay-footer-text: var(--btcpay-body-text-muted);