The widget controls take the org's colour too

Stylekamo-internal
Shipped
August 26, 2026 at 6:35 AM UTC
Author
kamo
Commit
a040879

Follows 0c97c900, which did the masthead shortcuts. The same rule reaches the controls inside the panes: anything that carries a background wears var(--color-primary) with white text and icons. Four surfaces changed. The scoreboard's period rail — Today / Month / Year / All — was a grey track with a white chip sliding under the chosen window. The track is now the brand fill and every window reads white, selected at full strength and the rest at 0.72. The sliding chip became a lighter well in the track, rgba(255,255,255,0.26), because a white chip under a white label is nothing at all. Same well the wallpaper switch got in the last commit, so the two segmented controls on this page now say "chosen" the same way. The metric rail beside it has no track — only the chosen metric carries a pill — so its unchosen icons stay dark ink on the pane's own glass. The pill went from a 16%/8% wash to the full fill, and its icon and label to white. pane chrome — the Expression button and the resize handle, which share chromeSx precisely so they cannot drift. Both were pale glass with a blur. They sit on a pane the member may have given a colour, a Spirit Animal and a logo, so the glass was landing on a surface it had no relationship with; the brand fill is the one colour that belongs on every pane by definition. Two state overrides had to go with it: Expression darkened its ink to show something was set, and the resize handle turned its ink brand-coloured while dragging. Both are invisible against a brand fill, so "set" is now opacity alone and "dragging" is a darkened fill. The picture frame's controls were a translucent black plate, chosen because a pale button disappears over somebody's bright sky. That reason still holds and an opaque brand fill answers it as well as the black did. Also filled the scoreboard's ranked-member count, which was a 12% wash of the brand with brand ink. The unread-mail widget's count badge in the same corner of the same header row was already solid brand with white ink; these two had no business differing. Left alone deliberately: the timecard's clock pill and the leads widget's overdue / due-soon / awaiting pills carry state colour, not brand — green means the same thing on every screen in the product and that is the point of them. The calendar's page arrows, open-in-full and remove have no background at rest, only a hover tint, so there was nothing to fill. Worth a look when you see it: the Expression button is a solid brand circle sitting immediately left of open-in-full and remove, which are bare grey icons. That row may want all three filled, or none. It reads deliberately enough to ship and decide from. Verified: tsc --noEmit clean, 243 test files / 3295 tests green.

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing