add dark mode in base select action

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 />

resources/scripts/components/list/BaseListItem.vue

@@ -28,13 +28,13 @@ export default {
     },
   },
   setup(props, { slots }) {
-    const defaultClass = `cursor-pointer pb-2 pr-0 text-sm font-medium leading-5 flex items-center`
+    const defaultClass = `cursor-pointer pb-2 pr-0 text-sm font-medium leading-5  flex items-center`
     let hasIconSlot = computed(() => {
       return !!slots.icon
     })
     let containerClass = computed(() => {
-      if (props.active) return `${defaultClass} text-primary-500 dark:text-primary-400`
+      if (props.active) return `${defaultClass} text-primary-500`
-      else return `${defaultClass} text-gray-500 dark:text-gray-300`
+      else return `${defaultClass} text-gray-500`
     })
     return {
       hasIconSlot,