Skip to content

Commit 3caf362

Browse files
committed
web/board: lift card label chips off the dark card surface
The chip's stock surface-container-high equals the dark theme's card surface, so label pills blended into the card. Mix the background from on-surface instead, keeping the pills one visible step off the card in both themes. Claude-Session: https://claude.ai/code/session_01WBGqifASAjytHQNPGdcQQg
1 parent e2f7560 commit 3caf362

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

web/src/features/board/CardLabels.module.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,4 +16,8 @@
1616
.chip {
1717
flex: 0 0 auto;
1818
white-space: nowrap;
19+
/* The chip's stock surface-container-high matches the dark card surface
20+
* exactly, which made the label pills vanish there. Mixing from on-surface
21+
* keeps them one visible step off the card in both themes. */
22+
background: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);
1923
}

0 commit comments

Comments
 (0)