add dark mode in base select action

resources/scripts/components/base/BaseRadio.vue

@@ -19,7 +19,7 @@
             ]"
             aria-hidden="true"
           >
-            <span class="rounded-full bg-white w-1.5 h-1.5"  :class="{ 'bg-white': checked }"/>
+            <span class="rounded-full bg-white w-1.5 h-1.5" />
           </span>
           <div class="flex flex-col ml-3">
             <RadioGroupLabel
@@ -70,7 +70,7 @@ const props = defineProps({
   },
   unCheckedStateClass: {
     type: String,
-    default: 'bg-white dark:bg-transparent',
+    default: 'bg-white ',
   },
   optionGroupActiveStateClass: {
     type: String,
@@ -78,16 +78,16 @@ const props = defineProps({
   },
   checkedStateLabelClass: {
     type: String,
-    default: 'text-primary-900 dark:text-primary-400',
+    default: 'text-primary-900 ',
   },
   unCheckedStateLabelClass: {
     type: String,
-    default: 'text-gray-900 dark:text-white',
+    default: 'text-gray-900',
   },
   optionGroupClass: {
     type: String,
     default:
-      'h-4 w-4 mt-0.5 cursor-pointer rounded-full border flex items-center justify-center dark:border-gray-600',
+      'h-4 w-4 mt-0.5 cursor-pointer rounded-full border flex items-center justify-center',
   },
   optionGroupLabelClass: {
     type: String,

resources/scripts/components/base/BaseSelectAction.vue

@@ -11,6 +11,10 @@
       bg-gray-200
       cursor-pointer
       text-primary-400
+      dark:bg-gray-600/70
+      dark:backdrop-blur-xl
+      dark:shadow-glass
+      dark:hover:bg-gray-600/80
     "
   >
     <slot />