Darken disabled buttons in dark mode

outl1ne · Aug 18, 2023 · e9ea46a · e9ea46a
1 parent e655343
commit e9ea46a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/dist/js/entry.js b/dist/js/entry.js
diff --git a/resources/js/components/ReorderButtons.vue b/resources/js/components/ReorderButtons.vue
@@ -7,7 +7,7 @@
           @click.stop="!reorderDisabled && $emit('moveToStart')"
           :custom-class="{
             'o1-cursor-pointer text-gray-400 hover:text-primary-400 active:text-primary-500': !reorderDisabled,
-            'o1-cursor-default text-gray-200': reorderDisabled,
+            'o1-cursor-default text-gray-200 dark:text-gray-600': reorderDisabled,
           }"
           v-tooltip="moveToStartTooltip"
         />
@@ -16,7 +16,7 @@
           @click.stop="!reorderDisabled && $emit('moveToEnd')"
           :custom-class="{
             'o1-cursor-pointer text-gray-400 hover:text-primary-400  active:text-primary-500': !reorderDisabled,
-            'o1-cursor-default text-gray-200': reorderDisabled,
+            'o1-cursor-default text-gray-200 dark:text-gray-600': reorderDisabled,
           }"
           v-tooltip="moveToEndTooltip"
         />
@@ -26,7 +26,7 @@
         style="min-width: 22px; width: 22px"
         :custom-class="{
           'handle o1-cursor-move text-gray-400 hover:text-primary-400 active:text-primary-500': !reorderDisabled,
-          'text-gray-200 o1-cursor-default': reorderDisabled,
+          'o1-cursor-default text-gray-200 dark:text-gray-600': reorderDisabled,
         }"
       />
     </div>