From 67bdfcfc0b2cf51ce75d5e0df6f4d539b1ca82fc Mon Sep 17 00:00:00 2001
From: klopez4212 <klopez4212@gmail.com>
Date: Sat, 4 Jul 2026 16:26:14 +0100
Subject: [PATCH] Tint link chips inside own message bubbles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The standalone link-chip treatment (opaque muted fill, provider-colored
icon tile) read as a gray slab inside the user's primary-colored bubble
— most visible on the automation prompts carrying a PR link. Chips in
own bubbles now derive everything from currentColor: translucent fill,
border, and icon tile, so they read as part of the bubble in both
themes.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../chats/ui/ChatConversationRows.tsx         |  5 ++++-
 .../src/shared/styles/globals/markdown.css    | 19 +++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/desktop/src/features/chats/ui/ChatConversationRows.tsx b/desktop/src/features/chats/ui/ChatConversationRows.tsx
index c7c5416da..ef301be53 100644
--- a/desktop/src/features/chats/ui/ChatConversationRows.tsx
+++ b/desktop/src/features/chats/ui/ChatConversationRows.tsx
@@ -117,7 +117,10 @@ export function ChatMessageRow({
             mentionPubkeysByName={mentionPubkeysByName}
           />
         ) : (
-          <Bubble side={isOwn ? "right" : "left"}>
+          <Bubble
+            className={cn(isOwn && "buzz-own-bubble-links")}
+            side={isOwn ? "right" : "left"}
+          >
             <Markdown
               agentMentionPubkeysByName={agentMentionPubkeysByName}
               className={cn(
diff --git a/desktop/src/shared/styles/globals/markdown.css b/desktop/src/shared/styles/globals/markdown.css
index cd406c6e9..8cdb3fe67 100644
--- a/desktop/src/shared/styles/globals/markdown.css
+++ b/desktop/src/shared/styles/globals/markdown.css
@@ -72,6 +72,25 @@
   color: var(--buzz-link-preview-icon-color);
 }
 
+/* Link chips inside the user's own message bubble: the standalone card
+   treatment (opaque muted fill + provider-colored icon tile) reads as a
+   gray slab against the primary bubble. Tint everything from currentColor
+   instead so the chip reads as part of the bubble. */
+.buzz-own-bubble-links [data-link-preview] {
+  background-color: color-mix(in oklab, currentColor 9%, transparent);
+  border-color: color-mix(in oklab, currentColor 22%, transparent);
+}
+
+.buzz-own-bubble-links [data-link-preview]:hover {
+  background-color: color-mix(in oklab, currentColor 15%, transparent);
+  border-color: color-mix(in oklab, currentColor 32%, transparent);
+}
+
+.buzz-own-bubble-links [data-link-preview] .link-preview-media {
+  background-color: color-mix(in oklab, currentColor 13%, transparent);
+  color: currentColor;
+}
+
 .message-markdown .mention-chip,
 .message-markdown .inline-code-chip,
 .message-markdown :not(pre) > code {