misc: switch style

pages/settings.vue

@@ -73,7 +73,7 @@
 					</div>
 
 					<div class="flex-1">
-						<label for="publicProbes">When enabled, your probes will be automatically tagged by <Tag class="text-nowrap bg-surface-0 font-normal dark:bg-dark-800" severity="secondary" :value="`u-${user.github_username}`"/>, allowing you to select them in measurements. A list of your active probes will also be available at <NuxtLink class="font-semibold text-primary hover:underline" :to="`https://globalping.io/users/${user.github_username}`" target="_blank" rel="noopener">https://globalping.io/users/{{ user.github_username }}</NuxtLink> (once this feature is live).</label>
+						<label for="publicProbes" class="cursor-pointer">When enabled, your probes will be automatically tagged by <Tag class="text-nowrap bg-surface-0 font-normal dark:bg-dark-800" severity="secondary" :value="`u-${user.github_username}`"/>, allowing you to select them in measurements. A list of your active probes will also be available at <NuxtLink class="font-semibold text-primary hover:underline" :to="`https://globalping.io/users/${user.github_username}`" target="_blank" rel="noopener">https://globalping.io/users/{{ user.github_username }}</NuxtLink> (once this feature is live).</label>
 					</div>
 				</div>
 			</div>

presets/aura/toggleswitch/index.js

@@ -24,22 +24,22 @@ export default {
 			'before:h-4 before:w-4',
 			'before:rounded-full',
 			'before:duration-200',
-			'before:bg-surface-0 before:dark:bg-surface-500',
+			'before:bg-surface-0 before:dark:bg-dark-300',
 
 			// Colors
 			'border',
 			{
-				'bg-surface-300 dark:bg-surface-800': !(props.modelValue === props.trueValue),
+				'bg-surface-300 dark:bg-dark-950': !(props.modelValue === props.trueValue),
 				'bg-primary': props.modelValue === props.trueValue,
-				'before:dark:bg-surface-950': props.modelValue === props.trueValue,
+				'before:dark:bg-white': props.modelValue === props.trueValue,
 				'border-transparent': !props.invalid,
 			},
 
 			// Invalid State
 			{ 'border-red-500 dark:border-red-400': props.invalid },
 
 			// States
-			{ 'peer-hover:bg-surface-400 dark:peer-hover:bg-surface-700': !(props.modelValue === props.trueValue) && !props.disabled && !props.invalid },
+			{ 'peer-hover:bg-surface-400 dark:peer-hover:bg-dark-600': !(props.modelValue === props.trueValue) && !props.disabled && !props.invalid },
 			{ 'peer-hover:bg-primary-hover': props.modelValue === props.trueValue && !props.disabled && !props.invalid },
 			'peer-focus-visible:ring-1 peer-focus-visible:ring-primary-500 dark:peer-focus-visible:ring-primary-400',