style modal in dark mode

src/lib/components/AI/AIButton/CustomPromptBtn.svelte

@@ -51,7 +51,7 @@
 <div class="{className} relative z-[100]">
   <IconButton
     contained={true}
-    color="text-primary-700 dark:bg-neutral-800"
+    color="text-primary-700 dark:bg-neutral-500 dark:text-white"
     size="large"
     onClick={() => (openPopover = !openPopover)}
   >

src/lib/components/Buttons/Close/index.svelte

@@ -4,7 +4,7 @@
 
   export let onClick;
   export let contained;
-  export let color = 'text-primary-700 bg-primary-200 dark:bg-gray-500';
+  export let color = 'text-primary-700 bg-primary-200 dark:bg-neutral-500';
   export let size = 'small';
 </script>
 

src/lib/components/Modal/index.svelte

@@ -31,7 +31,7 @@
     <div
       class="{maxWidth || 'container'} {size === 'sm'
         ? 'small'
-        : ''} bg-white dark:bg-black mx-auto {width} shadow-lg p-5 pt-2 rounded-md"
+        : ''} bg-white dark:bg-neutral-800 mx-auto {width} shadow-lg p-5 pt-2 rounded-md"
       on:click={(e) => e.stopPropagation()}
       role="presentation"
     >