From 1541e8d9ecc305bb27cf004cb919ef9065eca8be Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Tue, 2 Jun 2026 15:55:55 +0900
Subject: style(tabbar): theme sticky + button like a selected tab, no left
 border

Apply tab-active so the pinned + button uses the same raised base-100
fill, border and top-corner treatment as a selected tab, and drop its
left border (!border-l-0) so it sits flush against the bar's edge.
Keep !rounded-ss-none for the square top-left corner.
---
 packages/frontend/src/lib/components/TabBar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/src/lib/components/TabBar.svelte b/packages/frontend/src/lib/components/TabBar.svelte
index 700bc9d..354260c 100644
--- a/packages/frontend/src/lib/components/TabBar.svelte
+++ b/packages/frontend/src/lib/components/TabBar.svelte
@@ -93,7 +93,7 @@ function handleRenameKeydown(e: KeyboardEvent): void {
 		     at any horizontal scroll; opaque bg + right-side shadow as a floating cue. -->
 		<button
 			type="button"
-			class="tab !sticky left-0 z-10 bg-base-200 !rounded-ss-none shadow-[2px_0_4px_-1px_rgba(0,0,0,0.2)]"
+			class="tab tab-active !sticky left-0 z-10 !rounded-ss-none !border-l-0 shadow-[2px_0_4px_-1px_rgba(0,0,0,0.2)]"
 			onclick={() => tabStore.createNewTab()}
 			aria-label="New tab"
 		>
-- 
cgit v1.2.3