From 72926f947e8bdd4d78ca66a160152b148ca5fc6e Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Sun, 12 Jan 2025 00:27:58 +0530
Subject: [PATCH] feat: Improve UI styles in PlaygroundForm and Select
 components

---
 src/components/Option/Playground/PlaygroundForm.tsx | 4 ++--
 src/components/Select/index.tsx                     | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Option/Playground/PlaygroundForm.tsx b/src/components/Option/Playground/PlaygroundForm.tsx
index 85a0bc6..42c2cc8 100644
--- a/src/components/Option/Playground/PlaygroundForm.tsx
+++ b/src/components/Option/Playground/PlaygroundForm.tsx
@@ -205,7 +205,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
   return (
     <div
       className={`px-3 pt-3 bg-gray-100 dark:bg-[#262626] border rounded-t-xl  dark:border-gray-600
-    ${temporaryChat && "!bg-gray-300 dark:!bg-black "}
+    ${temporaryChat && "!bg-gray-200 dark:!bg-black "}
     `}>
       <div
         className={`h-full rounded-md shadow relative ${
@@ -231,7 +231,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
       <div>
         <div
           className={`flex rounded-t-xl bg-white dark:bg-transparent ${
-            temporaryChat && "!bg-gray-300 dark:!bg-black"
+            temporaryChat && "!bg-gray-100 dark:!bg-black"
           }`}>
           <form
             onSubmit={form.onSubmit(async (value) => {
diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx
index 01a7c5e..033efac 100644
--- a/src/components/Select/index.tsx
+++ b/src/components/Select/index.tsx
@@ -175,10 +175,11 @@ export const PageAssistSelect: React.FC<SelectProps> = ({
     flex items-center justify-between p-2.5 rounded-lg border
     ${disabled || isLoading ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
     ${isOpen ? "ring-2 ring-blue-500" : ""}
-    bg-transparent border-gray-200 text-gray-900
+    bg-transparent border-gray-300 text-gray-900
     transition-all duration-200
     dark:text-white
     dark:border-[#353534]
+    bg-white dark:bg-[#171717]
   `
 
   const defaultDropdownClass = `