fixed comfyui

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>