style: adjust placeholder styles

src-tauri/Cargo.toml

@@ -172,4 +172,4 @@ windows = { version = "0.61", features = ["Win32_Foundation", "Win32_System_Com"
 windows-sys = { version = "0.61", features = ["Win32", "Win32_System", "Win32_System_Com"] }
 
 [target."cfg(target_os = \"windows\")".build-dependencies]
-bindgen = "0.72.1"
+bindgen = "0.72.1"

src-tauri/src/extension/mod.rs

@@ -164,9 +164,6 @@ pub(crate) struct ViewExtensionUISettings {
     /// Show the footer
     #[serde_inline_default(false)]
     footer: bool,
-    /// If true, scrollbars will be hidden
-    #[serde_inline_default(true)]
-    hide_scorllbar: bool,
     /// The recommended width of the window for this extension
     width: Option<u32>,
     /// The recommended heigh of the window for this extension

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/components/Settings/Extensions/index.tsx

@@ -75,7 +75,6 @@ export interface ViewExtensionUISettings {
   search_bar: boolean;
   filter_bar: boolean;
   footer: boolean;
-  hide_scorllbar: boolean;
   width: number | null;
   height: number | null;
   resizable: boolean;

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%;