From c66695f062ef7f508ed01449250be3687cb68b10 Mon Sep 17 00:00:00 2001
From: Mario Zechner <badlogicgames@gmail.com>
Date: Mon, 6 Oct 2025 16:42:47 +0200
Subject: [PATCH] Use primary color for navigation badges to improve visibility
 in light theme

---
 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 1789a090..75d909df 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-foreground bg-accent/50 border-2 border-accent rounded-lg hover:bg-accent transition-colors max-w-full cursor-pointer shadow-sm"
+					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"
 					@click=${() => {
 						chrome.tabs.create({ url: nav.url });
 					}}