style: adjust placeholder styles

src/components/Search/AutoResizeTextarea.tsx

@@ -120,7 +120,7 @@ const AutoResizeTextarea = forwardRef<
           autoCapitalize="none"
           spellCheck="false"
           className={cn(
-            "auto-resize-textarea text-base flex-1 outline-none w-full min-w-[200px] text-[#333] dark:text-[#d8d8d8] placeholder-text-xs placeholder-[#999] dark:placeholder-gray-500 bg-transparent custom-scrollbar resize-none overflow-y-auto",
+            "auto-resize-textarea text-base flex-1 outline-none w-full min-w-[200px] text-[#333] dark:text-[#d8d8d8] bg-transparent custom-scrollbar resize-none overflow-y-auto",
             {
               "overflow-y-hidden": lineCount === 1,
             }

src/main.css

@@ -300,6 +300,32 @@
     background-color: #475569;
   }
 
+  .coco-container .auto-resize-textarea::placeholder {
+    color: #999;
+    opacity: 1;
+    -webkit-text-fill-color: #999;
+  }
+
+  .dark.coco-container .auto-resize-textarea::placeholder,
+  [data-theme="dark"] .coco-container .auto-resize-textarea::placeholder {
+    color: #6b7280;
+    opacity: 1;
+    -webkit-text-fill-color: #6b7280;
+  }
+
+  .coco-container .auto-resize-textarea:disabled::placeholder {
+    color: #999;
+    opacity: 1;
+    -webkit-text-fill-color: #999;
+  }
+
+  .dark.coco-container .auto-resize-textarea:disabled::placeholder,
+  [data-theme="dark"] .coco-container .auto-resize-textarea:disabled::placeholder {
+    color: #6b7280;
+    opacity: 1;
+    -webkit-text-fill-color: #6b7280;
+  }
+
   /* Background styles */
   .bg-100 {
     background-size: 100% 100%;