From f6d96289470ac888670050ff64c54bbe69b973cb Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Thu, 15 Oct 2026 15:15:19 +0900
Subject: style(tabs): soften subagent group tint to 15% secondary (lavender)

---
 src/features/tabs/ui.test.ts            | 6 +++---
 src/features/tabs/ui/TabGroupBox.svelte | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/features')

diff --git a/src/features/tabs/ui.test.ts b/src/features/tabs/ui.test.ts
index 825d498..2569438 100644
--- a/src/features/tabs/ui.test.ts
+++ b/src/features/tabs/ui.test.ts
@@ -383,9 +383,9 @@ describe("TabList", () => {
           s?.paddingLeft,
         ]);
       }
-      // Every box paints a 20% lavender tint, so nested boxes compound per level.
-      expect(outer).toHaveClass("bg-secondary/20");
-      expect(inner).toHaveClass("bg-secondary/20");
+      // Every box paints a 15% lavender tint, so nested boxes compound per level.
+      expect(outer).toHaveClass("bg-secondary/15");
+      expect(inner).toHaveClass("bg-secondary/15");
       expect(outer?.style.getPropertyValue("margin-inline")).toBe(`-${outer?.style.paddingLeft}`);
     });
 
diff --git a/src/features/tabs/ui/TabGroupBox.svelte b/src/features/tabs/ui/TabGroupBox.svelte
index daad8cb..a941814 100644
--- a/src/features/tabs/ui/TabGroupBox.svelte
+++ b/src/features/tabs/ui/TabGroupBox.svelte
@@ -14,7 +14,7 @@
    * identical dimensions at every depth. The padding is EQUAL on all four
    * sides (= the bleed) so the box looks even — except below a nested box on
    * the last row, where it is trimmed to match that box's side gaps. Every
-   * box paints a 20% secondary (lavender) tint, which compounds: each
+   * box paints a 15% secondary (lavender) tint, which compounds: each
    * nesting level reads a little stronger than the one around it.
    */
   let {
@@ -41,7 +41,7 @@
 </script>
 
 <div
-  class="col-span-2 rounded-lg bg-secondary/20"
+  class="col-span-2 rounded-lg bg-secondary/15"
   style:margin-inline="-{bleed}px"
   style:padding="{bleed}px {bleed}px {padBottom}px"
   role="group"
-- 
cgit v1.2.3