@pubuduth-aplicy/chat-ui 2.1.81 → 2.1.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.81",
+  "version": "2.1.82",
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
   "license": "ISC",
   "author": "",

package/src/components/sidebar/Conversations.tsx

@@ -265,14 +265,14 @@ const Conversations = () => {
         <button
           className={`flex-1 py-3 px-4 text-sm font-medium text-center border-b-2 transition-colors ${
             activeTab === "personal"
-              ? "border-[#317490] message-text bg-blue-50"
+              ? "border-primary message-text bg-primary/20"
               : "border-transparent text-gray-500 hover:text-gray-700 hover:bg-gray-50"
           }`}
           onClick={() => setActiveTab("personal")}
         >
           Personal
           {personalUnreadCount > 0 && (
-            <span className="ml-2 bg-blue-500 text-white text-xs rounded-full px-2 py-1 min-w-5 inline-flex justify-center">
+            <span className="ml-2 bg-blue-primary text-white text-xs rounded-full px-2 py-1 min-w-5 inline-flex justify-center">
               {personalUnreadCount}
             </span>
           )}
@@ -280,14 +280,14 @@ const Conversations = () => {
         <button
           className={`flex-1 py-3 px-4 text-sm font-medium text-center border-b-2 transition-colors ${
             activeTab === "service"
-              ? "border-blue-500 text-blue-600 bg-blue-50"
+              ? "border-primary message-text bg-primary/20"
               : "border-transparent text-gray-500 hover:text-gray-700 hover:bg-gray-50"
           }`}
           onClick={() => setActiveTab("service")}
         >
           Service
           {serviceUnreadCount > 0 && (
-            <span className="ml-2 bg-blue-500 text-white text-xs rounded-full px-2 py-1 min-w-5 inline-flex justify-center">
+            <span className="ml-2 bg-primary text-white text-xs rounded-full px-2 py-1 min-w-5 inline-flex justify-center">
               {serviceUnreadCount}
             </span>
           )}