Updated styling toggle

Author: kevindierkx

resources/views/components/toggle.blade.php

@@ -15,11 +15,11 @@
 
             {{ $attributes }} />
         <div class="{{ implode(' ', [
-            'flex-shrink-0 h-6 w-10 inline-block relative border-none shadow-inner absolute inset-0 bg-[var(--input)] ring-0 ring-[color-mix(in_oklab,var(--primary)_25%,transparent)] ring-opacity-0 rounded-full cursor-pointer',
+            'flex-shrink-0 h-6 w-10 inline-block relative border-none absolute inset-0 bg-[var(--border)] rounded-full cursor-pointer',
             '[transition:color_.15s_ease-out]',
-            'peer-focus:outline-none peer-focus:ring-2',
+            'peer-focus:outline-none',
             'peer-checked:bg-[var(--primary)]',
-            'after:content-[\'\'] after:h-4 after:w-4 after:bg-[var(--background)] after:shadow after:rounded-full after:-mt-2 after:absolute after:top-1/2 after:left-1 after:transition-all',
+            'after:content-[\'\'] after:h-4 after:w-4 after:bg-white after:shadow after:rounded-full after:-mt-2 after:absolute after:top-1/2 after:left-1 after:transition-all',
             'peer-checked:after:translate-x-full',
             'peer-disabled:opacity-50 peer-disabled:cursor-not-allowed',
         ]) }}"></div>