From 63ba005f4d42070f0d3649b10dc29c7ce37967a0 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Sat, 1 Mar 2025 20:15:10 +0530
Subject: [PATCH] (fix:ui) minor color perfections

---
 frontend/src/components/SettingsBar.tsx          |  4 ++--
 frontend/src/components/ToggleSwitch.tsx         |  2 +-
 frontend/src/conversation/ConversationBubble.tsx | 14 +++++++-------
 frontend/src/settings/Prompts.tsx                |  2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/SettingsBar.tsx b/frontend/src/components/SettingsBar.tsx
index 17e7bf5e..bd6468e9 100644
--- a/frontend/src/components/SettingsBar.tsx
+++ b/frontend/src/components/SettingsBar.tsx
@@ -77,8 +77,8 @@ const SettingsBar = ({ setActiveTab, activeTab }: SettingsBarProps) => {
             onClick={() => setActiveTab(tab)}
             className={`snap-start h-9 rounded-3xl px-4 font-bold transition-colors ${
               activeTab === tab
-                ? 'bg-neutral-200 text-neutral-900 dark:bg-dark-charcoal dark:text-white'
-                : 'text-neutral-700 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-white'
+                ? 'bg-[#F4F4F5] text-neutral-900 dark:bg-dark-charcoal dark:text-white'
+                : 'text-neutral-700 hover:text-neutral-900 dark:text-neutral-300 dark:hover:text-white'
             }`}
             role="tab"
             aria-selected={activeTab === tab}
diff --git a/frontend/src/components/ToggleSwitch.tsx b/frontend/src/components/ToggleSwitch.tsx
index 8293ece2..a6fe0c64 100644
--- a/frontend/src/components/ToggleSwitch.tsx
+++ b/frontend/src/components/ToggleSwitch.tsx
@@ -69,7 +69,7 @@ const ToggleSwitch: React.FC<ToggleSwitchProps> = ({
           }`}
         ></div>
         <div
-          className={`absolute ${toggle} flex items-center justify-center rounded-full transition bg-white ${
+          className={`absolute ${toggle} flex items-center justify-center rounded-full transition bg-white opacity-80 ${
             checked ? `${translate} bg-silver` : ''
           }`}
         ></div>
diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 2ee66b4c..883af5b0 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -118,7 +118,7 @@ const ConversationBubble = forwardRef<
                 style={{
                   wordBreak: 'break-word',
                 }}
-                className="text-sm sm:text-base ml-2 mr-2 flex items-center rounded-[28px] bg-purple-30 py-[14px] px-[19px] text-white max-w-full whitespace-pre-wrap leading-normal"
+                className="text-sm sm:text-base ml-2 mr-2 flex items-center rounded-[28px] bg-gradient-to-b from-medium-purple to-slate-blue py-[14px] px-[19px] text-white max-w-full whitespace-pre-wrap leading-normal"
               >
                 {message}
               </div>
@@ -146,18 +146,18 @@ const ConversationBubble = forwardRef<
                 className="w-full resize-none border border-silver dark:border-philippine-grey rounded-3xl px-4 py-3 text-base leading-relaxed text-carbon dark:text-chinese-white dark:bg-raisin-black focus:outline-none"
               />
               <div className="flex items-center justify-end gap-2">
-                <button
-                  className="rounded-full bg-purple-30 hover:bg-purple-hover px-4 py-2 text-white text-sm font-medium transition-colors"
-                  onClick={handleEditClick}
-                >
-                  {t('conversation.edit.update')}
-                </button>
                 <button
                   className="px-4 py-2 text-purple-30 text-sm hover:text-rich-black hover:bg-light-gray-hover dark:hover:bg-charcoal transition-colors rounded-full"
                   onClick={() => setIsEditClicked(false)}
                 >
                   {t('conversation.edit.cancel')}
                 </button>
+                <button
+                  className="rounded-full bg-purple-30 hover:bg-purple-hover px-4 py-2 text-white text-sm font-medium transition-colors"
+                  onClick={handleEditClick}
+                >
+                  {t('conversation.edit.update')}
+                </button>
               </div>
             </div>
           )}
diff --git a/frontend/src/settings/Prompts.tsx b/frontend/src/settings/Prompts.tsx
index ed1d82d7..8938e59d 100644
--- a/frontend/src/settings/Prompts.tsx
+++ b/frontend/src/settings/Prompts.tsx
@@ -174,7 +174,7 @@ export default function Prompts({
               setModalState('ACTIVE');
             }}
           >
-            {t('settings.general.addNew')}
+            {t('settings.general.add')}
           </button>
         </div>
       </div>