Merge pull request #81 from xenothanhojem/Issue-#72

Add Dark Theme support
bastihilger · May 19, 2024 · 71124d8 · 71124d8
2 parents b99c386 + 21b8cda
commit 71124d8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
@@ -10,7 +10,7 @@
                 <div
                     class="
                         w-full overflow-break
-                        bg-gray-100 rounded
+                        bg-gray-100 dark:bg-gray-700 rounded
                     "
                     style="z-index: 10; position: sticky; top: 0; left: 0"
                 >

diff --git a/resources/js/components/buttons/BaseButton.vue b/resources/js/components/buttons/BaseButton.vue
@@ -11,8 +11,8 @@
         "
         style="margin: 4px; min-width: 32px; height: 32px"
         :class="{ 
-            'bg-primary-500 hover:bg-primary-400 text-white': isActive,
-            'bg-white hover:bg-gray-200 text-black': !isActive,
+            'bg-primary-500 hover:bg-primary-400 text-white hover:dark:bg-gray-900 dark:bg-gray-800 dark:text-white': isActive,
+            'bg-white hover:bg-gray-200 text-black hover:dark:bg-gray-900 dark:bg-gray-800 dark:text-white': !isActive,
             'opacity-50 pointer-events-none': isDisabled,
         }"
         @mouseover="hovered = true"