fix: checkbox dark bg

jaskang · Apr 16, 2024 · 486750c · 486750c
1 parent cc68b58
commit 486750c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/Checkbox/Checkbox.vue b/src/Checkbox/Checkbox.vue
@@ -40,11 +40,11 @@ const clickHandler = () => {
     @click="clickHandler"
   >
     <button
-      class="focus-visible:ring-primary-500 relative block cursor-[inherit] appearance-none rounded transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+      class="relative block cursor-[inherit] appearance-none rounded bg-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"
     >
       <span
         class="block h-4 w-4 rounded border border-solid transition-all"
-        :class="[checked ? 'bg-primary-500 border-primary-500' : 'border-slate-300 bg-transparent']"
+        :class="[checked ? 'border-primary-500 bg-primary-500' : 'border-slate-300 bg-transparent']"
       >
         <svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg">
           <path

diff --git a/src/Radio/Radio.vue b/src/Radio/Radio.vue
@@ -34,11 +34,11 @@ const clickHandler = () => {
     @click="clickHandler"
   >
     <button
-      class="focus-visible:ring-primary-500 relative block cursor-[inherit] appearance-none rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+      class="relative block cursor-[inherit] appearance-none rounded-full bg-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2"
     >
       <span
         class="block h-4 w-4 rounded-full border border-solid transition-all"
-        :class="[checked ? 'bg-primary-500 border-primary-500' : 'border-slate-300 bg-transparent']"
+        :class="[checked ? 'border-primary-500 bg-primary-500' : 'border-slate-300 bg-transparent']"
       >
         <svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg">
           <circle cx="8" cy="8" r="3" />