Skip to content

Commit 5cfa6c4

Browse files
RealZSTclaude
andcommitted
refactor(kits): bump folder-card paper visibility without saturation hike
The paper tints had drifted into the "barely visible" band on both themes. Bring them closer to the background's opposite L so the kind hue actually reads, without bumping chroma: - Light: L 0.94 → 0.90, alpha 0.85 → 0.95 - Dark: L 0.27 → 0.32, alpha 0.82 → 0.95 - Light chroma 0.02 → 0.03 (one notch, to keep some hue against the pulled-down lightness). Also bumps the selected-state dark wash from 0.05 → 0.08 so the selection state is legible without re-introducing a primary-tinted fill that would wash out the paper colors. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent fa72f1f commit 5cfa6c4

2 files changed

Lines changed: 12 additions & 7 deletions

File tree

src/components/kits/folder-card.tsx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,12 @@ const PAPER_ORDER: Array<{
5050
// in index.css via `[data-slot]`.
5151
const SLOTS_BY_COUNT: Record<
5252
number,
53-
Array<{ x: string; y: string; rot: string; slot: "left" | "right" | "center" }>
53+
Array<{
54+
x: string;
55+
y: string;
56+
rot: string;
57+
slot: "left" | "right" | "center";
58+
}>
5459
> = {
5560
1: [{ x: "0%", y: "-2%", rot: "0deg", slot: "center" }],
5661
2: [
@@ -93,8 +98,8 @@ export function FolderCard({
9398
// papers behind still bleed through; an earlier primary-tinted bg washed
9499
// the card and hid the paper hues).
95100
const selectedBodyClass = selected
96-
? "border-primary bg-card/40 dark:bg-white/[0.05]"
97-
: "border-border bg-card/40 dark:border-transparent dark:bg-white/[0.05]";
101+
? "border-primary bg-card/40 dark:bg-white/[0.08]"
102+
: "border-border bg-card/40 dark:border-transparent dark:bg-white/[0.08]";
98103

99104
return (
100105
<div

src/index.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -83,8 +83,8 @@
8383
/* Kit folder papers: keep --kind-*'s hue, force a soft-pastel L/C.
8484
`oklch(from <c> L C H)` is CSS Color Level 5 (Chromium 119+ /
8585
Safari 16.4+ / Firefox 128+). Dark override below. */
86-
--paper-skill: oklch(from var(--kind-skill) 0.94 0.02 h / 0.85);
87-
--paper-mcp: oklch(from var(--kind-mcp) 0.94 0.02 h / 0.85);
86+
--paper-skill: oklch(from var(--kind-skill) 0.90 0.03 h / 0.95);
87+
--paper-mcp: oklch(from var(--kind-mcp) 0.90 0.03 h / 0.95);
8888
--paper-config: oklch(0.93 0.005 260 / 0.9);
8989
--tag-global: oklch(0.5144 0.1605 267.44);
9090
--tag-project: oklch(0.48 0.08 175);
@@ -185,8 +185,8 @@
185185
/* Dark paper: low L (0.24) keeps papers in the "deep tone" band, low C
186186
(0.04) gives a hint of hue without making them feel saturated, alpha
187187
0.82 softens the color into the bg so papers recede rather than pop. */
188-
--paper-skill: oklch(from var(--kind-skill) 0.27 0.03 h / 0.82);
189-
--paper-mcp: oklch(from var(--kind-mcp) 0.27 0.03 h / 0.82);
188+
--paper-skill: oklch(from var(--kind-skill) 0.32 0.03 h / 0.95);
189+
--paper-mcp: oklch(from var(--kind-mcp) 0.32 0.03 h / 0.95);
190190
--paper-config: oklch(0.27 0 0 / 0.82);
191191
--tag-global: oklch(0.72 0.12 267.44);
192192
--tag-project: oklch(0.68 0.07 175);

0 commit comments

Comments
 (0)