Merge pull request #633 from devforth/feature/AdminForth/1665/update-dark-quick-filter-butto

fix: add brigtness for best button visibility

Author: SerVitasik

adminforth/spa/src/components/ListActionsThreeDots.vue

@@ -5,7 +5,7 @@
       class="border border-gray-300 dark:border-gray-700 dark:border-opacity-0 border-opacity-0 hover:border-opacity-100 dark:hover:border-opacity-100 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 cursor-pointer"
       @click="toggleMenu"
     >
-      <IconDotsHorizontalOutline class="w-6 h-6 text-lightPrimary dark:text-darkPrimary" />
+      <IconDotsHorizontalOutline class="w-6 h-6 text-lightPrimary dark:text-darkPrimary dark:brightness-150" />
     </div>
     <teleport to="body">
       <div
@@ -70,7 +70,7 @@
                 <component
                   v-if="action.icon"
                   :is="getIcon(action.icon)"
-                  class="w-5 h-5 mr-2 text-lightPrimary dark:text-darkPrimary"
+                  class="w-5 h-5 mr-2 text-lightPrimary dark:text-darkPrimary dark:brightness-200"
                 />
                 {{ $t(action.name) }}
               </component>               

adminforth/spa/src/components/ResourceListTable.vue

@@ -216,7 +216,7 @@
                         <component
                           v-if="action.icon && !actionLoadingStates[`${action.id}_${row._primaryKeyValue}`]"
                           :is="getIcon(action.icon)"
-                          class="w-6 h-6 text-lightPrimary dark:text-darkPrimary"
+                          class="w-6 h-6 text-lightPrimary dark:text-darkPrimary dark:brightness-150"
                         />
                         <Spinner
                           v-if="actionLoadingStates[`${action.id}_${row._primaryKeyValue}`]"

adminforth/spa/src/components/ThreeDotsMenu.vue

@@ -59,7 +59,7 @@
                     <component 
                       v-if="action.icon && !actionLoadingStates[action.id!]" 
                       :is="getIcon(action.icon)" 
-                      class="w-4 h-4 text-lightPrimary dark:text-darkPrimary"
+                      class="w-4 h-4 text-lightPrimary dark:text-darkPrimary dark:brightness-200"
                     />
                     <Spinner
                       v-if="actionLoadingStates[action.id!]"
@@ -83,7 +83,7 @@
                 <component 
                   v-if="action.icon" 
                   :is="getIcon(action.icon)" 
-                  class="w-4 h-4 text-lightPrimary dark:text-darkPrimary"
+                  class="w-4 h-4 text-lightPrimary dark:text-darkPrimary dark:brightness-200"
                 />
                 {{ action.label }}
               </div>

adminforth/spa/src/views/ShowView.vue

@@ -27,7 +27,7 @@
               <component 
                 v-if="action.icon && !actionLoadingStates[action.id!]" 
                 :is="getIcon(action.icon)" 
-                class="w-4 h-4 me-2 text-lightPrimary dark:text-darkPrimary"
+                class="w-4 h-4 me-2 text-lightPrimary dark:text-darkPrimary dark:brightness-200"
               />
               <Spinner
                 v-if="actionLoadingStates[action.id!]"