diff options
| author | Adam Malczewski <[email protected]> | 2026-10-15 15:15:19 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-10-15 15:15:19 +0900 |
| commit | f6d96289470ac888670050ff64c54bbe69b973cb (patch) | |
| tree | d4f90fbc415925df40b5c11679f984022480ad56 /src | |
| parent | 755b04c514b15043cbe003ced905a7523e0e8eed (diff) | |
| download | dispatch-web-f6d96289470ac888670050ff64c54bbe69b973cb.tar.gz dispatch-web-f6d96289470ac888670050ff64c54bbe69b973cb.zip | |
style(tabs): soften subagent group tint to 15% secondary (lavender)
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/tabs/ui.test.ts | 6 | ||||
| -rw-r--r-- | src/features/tabs/ui/TabGroupBox.svelte | 4 |
2 files changed, 5 insertions, 5 deletions
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" |