update

src/renderer/App.tsx

@@ -384,7 +384,7 @@ export function App() {
           : undefined,
     tasks: badges.todoTasks > 0 ? { count: badges.todoTasks, tone: "default" } : undefined,
     approvals: badges.pendingApprovals > 0 ? { count: badges.pendingApprovals, tone: "warn" } : undefined,
-    communication: (badges.unreadMessages + activeInboxCount) > 0 ? { count: badges.unreadMessages + activeInboxCount, tone: "warn" } : undefined,
+    communication: badges.unreadMessages > 0 ? { count: badges.unreadMessages, tone: "warn" } : undefined,
   } : {}, [badges, activeInboxCount]);
 
   const companyWorkspaces = useMemo(() => snapshot?.workspaces.filter((workspace) => !currentCompany || workspace.companyId === currentCompany.id) ?? [], [snapshot, currentCompany]);

src/renderer/components/communication/MessageItem.tsx

@@ -73,10 +73,7 @@ export const MessageBubble = memo(function MessageBubble({
         isUnread
           ? "bg-[color:var(--panel)]"
           : "hover:bg-[color:var(--panel-soft)]/40"
-      } ${
-        isUrgent ? "border-l-[3px]" : ""
       }`}
-      style={isUrgent ? { borderLeftColor: "var(--danger)" } : undefined}
     >
       <AgentAvatar agent={agent} />
 
@@ -177,8 +174,7 @@ export function TaskCommentBubble({
       initial={{ opacity: 0, y: 6 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.18 }}
-      className="group relative flex gap-3 rounded-[8px] border-l-[3px] bg-[color:var(--panel)] px-4 py-3"
-      style={{ borderLeftColor: isBoard ? "var(--accent)" : deptColor }}
+      className="group relative flex gap-3 rounded-[8px] bg-[color:var(--panel)] px-4 py-3"
     >
       <AgentAvatar agent={agent} />
       <div className="min-w-0 flex-1">

src/renderer/styles.css

@@ -39,13 +39,13 @@
 
 :root[data-theme="dark"] {
   color-scheme: dark;
-  --bg: #0f1117;
-  --bg-subtle: #161820;
-  --panel: #1b1e26;
-  --panel-soft: #252830;
-  --panel-strong: #1e2129;
-  --line: rgba(148, 163, 190, 0.1);
-  --line-strong: rgba(148, 163, 190, 0.18);
+  --bg: #16181f;
+  --bg-subtle: #1a1c24;
+  --panel: #1e2028;
+  --panel-soft: #24262e;
+  --panel-strong: #1c1e26;
+  --line: rgba(148, 163, 190, 0.12);
+  --line-strong: rgba(148, 163, 190, 0.2);
   --text: #edf0f7;
   --muted: #8b95a5;
   --muted-strong: #b0b8c8;
@@ -65,13 +65,13 @@
 @media (prefers-color-scheme: dark) {
   :root[data-theme="system"] {
     color-scheme: dark;
-    --bg: #0f1117;
-    --bg-subtle: #161820;
-    --panel: #1b1e26;
-    --panel-soft: #252830;
-    --panel-strong: #1e2129;
-    --line: rgba(148, 163, 190, 0.1);
-    --line-strong: rgba(148, 163, 190, 0.18);
+    --bg: #16181f;
+    --bg-subtle: #1a1c24;
+    --panel: #1e2028;
+    --panel-soft: #24262e;
+    --panel-strong: #1c1e26;
+    --line: rgba(148, 163, 190, 0.12);
+    --line-strong: rgba(148, 163, 190, 0.2);
     --text: #edf0f7;
     --muted: #8b95a5;
     --muted-strong: #b0b8c8;