From d0cbca52b3108d4cc8f963cd17087f68c9441c64 Mon Sep 17 00:00:00 2001
From: Mario Zechner <badlogicgames@gmail.com>
Date: Mon, 6 Oct 2025 16:47:11 +0200
Subject: [PATCH] Tone down navigation badge styling - use card background with
 shadow instead of primary color

---
 packages/browser-extension/src/messages/NavigationMessage.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/browser-extension/src/messages/NavigationMessage.ts b/packages/browser-extension/src/messages/NavigationMessage.ts
index 75d909df..9345028b 100644
--- a/packages/browser-extension/src/messages/NavigationMessage.ts
+++ b/packages/browser-extension/src/messages/NavigationMessage.ts
@@ -44,7 +44,7 @@ const navigationRenderer: MessageRenderer<NavigationMessage> = {
 		return html`
 			<div class="mx-4 my-2">
 				<button
-					class="inline-flex items-center gap-2 px-3 py-2 text-sm text-primary-foreground bg-primary/90 border-2 border-primary rounded-lg hover:bg-primary transition-colors max-w-full cursor-pointer shadow-md"
+					class="inline-flex items-center gap-2 px-3 py-2 text-sm text-card-foreground bg-card border border-border rounded-lg hover:bg-accent/50 transition-colors max-w-full cursor-pointer shadow-lg"
 					@click=${() => {
 						chrome.tabs.create({ url: nav.url });
 					}}