fixed comfyui

resources/js/Components/ImageContextMenu.vue

@@ -126,7 +126,7 @@ const showStyleSelectorView = ref(false);
 }
 
 .context-menu li:hover {
-  background: var(--color-text); /* Adjust hover background for dark mode */
-  color: var(--color-background); /* Adjust hover text color for dark mode */
+  @apply hover:bg-gray-100 dark:hover:bg-gray-700;
+  @apply dark:hover:text-gray-400;
 }
 </style>

resources/js/Components/StyleSelector.vue

@@ -62,9 +62,10 @@ onMounted(() => {
 
 <style scoped>
 .style-selector {
-  background: white;
-  border: 1px solid #ccc;
-  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
+  @apply bg-white dark:bg-gray-800 !important;
+  @apply border border-gray-300 dark:border-gray-700;
+  @apply shadow-lg dark:shadow-none;
+  @apply text-gray-900 dark:text-white !important;
   z-index: 1000;
   display: flex;
   flex-direction: column;
@@ -85,6 +86,7 @@ onMounted(() => {
 
 .style-selector-header h3 {
   margin: 0;
+  @apply dark:text-white;
   color: #333;
 }
 
@@ -134,12 +136,12 @@ onMounted(() => {
 
 .style-details h4 {
   margin: 0;
-  color: #007bff;
+  @apply text-blue-600 dark:text-white;
 }
 
 .style-details p {
   margin: 5px 0 0;
   font-size: 0.9em;
-  color: #666;
+  @apply text-gray-600 dark:text-gray-400;
 }
 </style>

resources/lang/de/api.php

@@ -14,4 +14,5 @@ return [
     'navigation.previous' => 'Zurück',
     'navigation.next' => 'Weiter',
     'navigation.page_of' => 'Seite :currentPage von :totalPages',
+    'loading_spinner.processing_image' => 'Bild wird verarbeitet...',
 ];

resources/lang/en/api.php

@@ -14,4 +14,5 @@ return [
     'navigation.previous' => 'Previous',
     'navigation.next' => 'Next',
     'navigation.page_of' => 'Page :currentPage of :totalPages',
+    'loading_spinner.processing_image' => 'Processing image...',
 ];