[Checkbox/Radio] Improve and align border colors

Author: techniq

.changeset/olive-cherries-notice.md

@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[Checkbox/Radio] Improve and align border colors

packages/svelte-ux/src/lib/components/Checkbox.svelte

@@ -84,9 +84,9 @@
       !checked && !disabled && 'peer-hover:bg-primary/10',
       checked
         ? disabled
-          ? 'bg-gray-500 border-gray-500'
+          ? 'bg-surface-content border-surface-content'
           : 'bg-primary border-primary'
-        : 'border-gray-500',
+        : 'border-surface-content/50',
       settingsClasses.checkbox,
       classes.checkbox
     )}

packages/svelte-ux/src/lib/components/Radio.svelte

@@ -60,9 +60,9 @@
       !checked && !disabled && 'peer-hover:bg-primary/10',
       checked
         ? disabled
-          ? 'border-surface-content/30'
+          ? 'border-surface-content/50'
           : 'border-primary'
-        : 'border-surface-content/30',
+        : 'border-surface-content/50',
       settingsClasses.radio,
       classes.radio
     )}
@@ -72,7 +72,7 @@
       class={cls(
         'icon',
         'pointer-events-none transition-transform',
-        disabled ? 'text-surface-content/30 border-surface-content/30' : 'text-primary',
+        disabled ? 'text-surface-content' : 'text-primary',
         checked ? 'scale-100' : 'scale-0',
         settingsClasses.icon,
         classes.icon