diff --git a/v2/pink-sb/src/lib/selector/Checkbox.svelte b/v2/pink-sb/src/lib/selector/Checkbox.svelte index 547197c7d0..935b40dc1f 100644 --- a/v2/pink-sb/src/lib/selector/Checkbox.svelte +++ b/v2/pink-sb/src/lib/selector/Checkbox.svelte @@ -96,7 +96,7 @@ border-radius: var(--border-radius-xxs); } - &:hover:not(.active):not([aria-disabled='true']) { + &:hover:not(.active):not([aria-disabled='true']):not([disabled]) { background-color: var(--overlay-button-neutral-hover); } @@ -105,9 +105,15 @@ background-color: var(--bgcolor-neutral-invert); } - &:disabled { + &:disabled, + &[aria-disabled='true'] { opacity: 0.4; + cursor: default; background-color: var(--bgcolor-neutral-tertiary); + + &:hover { + background-color: var(--bgcolor-neutral-tertiary); + } } &:focus,