(fix:ui) minor color perfections

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}

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>

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>
           )}

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>