Skip to content

fix(web): make the work log compaction marker legible in every theme - #168

Merged
incognitojam merged 1 commit into
mainfrom
t3code/fix-compact-icon-contrast
Aug 16, 2026
Merged

fix(web): make the work log compaction marker legible in every theme#168
incognitojam merged 1 commit into
mainfrom
t3code/fix-compact-icon-contrast

Conversation

@incognitojam

@incognitojam incognitojam commented Aug 16, 2026

Copy link
Copy Markdown
Collaborator

The compaction marker in the folded-turn work log row was tinted text-primary/70. --primary maps to the theme's solid-control fill — the send-button background, which pairs with --primary-foreground on top of it — so read as text on the chat canvas it lands dimmer than the muted stats it is meant to outrank. That holds in all 10 shipped palettes; three fall below the 3:1 floor outright, and T3 Chat dark is effectively invisible at 1.59:1.

The marker now takes text-foreground while its siblings stay text-muted-foreground, keeping its emphasis by being the brightest thing in the row plus its pinned position beside the chevron. That puts it between 12.4:1 and 16.7:1. The transition-colors / group-hover pair went with it, since there is nothing left to transition and the row's own hover:text-foreground already covers hover. The test asserted the literal text-primary/70 string; it now asserts the marker carries text-foreground and not a fill-role colour.

Introduced in #158. Roughly nine other sites read --primary as text on the canvas with the same flaw — fixing that class properly needs a contrast-solved accent-text role in packages/shared/src/themePalettes.ts, which I left alone. No before/after image: capture kept failing on this view, and the change is one colour token on a 12px glyph.


Written by an agent (Claude Code, claude-opus-5).

@incognitojam
incognitojam force-pushed the t3code/fix-compact-icon-contrast branch from 93ac3e8 to 6477309 Compare August 16, 2026 11:24
@incognitojam
incognitojam force-pushed the t3code/fix-compact-icon-contrast branch from 6477309 to a0432a5 Compare August 16, 2026 11:34
The folded-turn compaction stat used the theme action color as text on
the chat canvas, which is a solid-control fill and reads below 3:1
against every built-in canvas. The 70% opacity halved what little
contrast was left, so the marker meant to stand out was the dimmest
thing in the row.

Give it full-strength foreground instead: it still outranks the muted
stats it sits beside, and it stays legible in all four themes.
@incognitojam
incognitojam force-pushed the t3code/fix-compact-icon-contrast branch from a0432a5 to f209b92 Compare August 16, 2026 12:19
@incognitojam
incognitojam enabled auto-merge (squash) August 16, 2026 12:19
@incognitojam
incognitojam merged commit b9e2cf2 into main Aug 16, 2026
9 checks passed
@incognitojam
incognitojam deleted the t3code/fix-compact-icon-contrast branch August 16, 2026 12:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant