Action key under the tabs, plus the brand mark #12

Merged
sulthan merged 2 commits from ui-improve-v2 into main 2026-07-31 17:14:16 +07:00

2 Commits

Author SHA1 Message Date
sulthan 51839762e7 feat(ui): brand mark logo in the web UI, panel, and favicon
The mark is the same drawing in three places with three different
colour sources: /static/logo.svg carries a fixed palette because a
favicon has no page to inherit from, the {{define "mark"}} block takes
--ink/--ember so it flips with the theme, and the userscript copy lives
inside the shadow root next to the tokens it uses.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-31 17:12:53 +07:00
sulthan 42b93dc155 feat(web): permanent action key under the tabs
The card action strip is icon-only, so nothing on screen said what the
six glyphs do. Add a keyrow line under the tabs that names each one.

The key follows the tab, not the row: archived and finished swap Archive
for Restore, and finished drops Done — same conditions card.html already
uses for the buttons themselves. It therefore rides along in
writeChromeOOB, or a tab switch would leave the previous bucket's key.

Also from the Claude Design pass: per-action accent colours on hover and
press (slate archive, moss finished, clay chapter) so a press says which
lane it belongs to, a slightly larger cover and title, and the favourite
mark pinned to the right edge of the measure instead of trailing the
title, which drifted whenever a new-chapter title shrink-wrapped.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-31 03:18:54 +07:00