Use primary color for navigation badges to improve visibility in light theme

This commit is contained in:
Mario Zechner 2025-10-06 16:42:47 +02:00
parent c825ccf0fa
commit c66695f062

View file

@ -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 });
}}