Cover artwork has no edge, and dark covers melt into dark themes #313

Closed
opened 2026-10-19 16:22:20 -07:00 by rays · 1 comment
Owner

Artwork (.art, app.css:800) is drawn with no edge, so a dark cover on a dark theme (Glass, Material dark) has no boundary against the page, in the feed list, the Directory and a show's page alike.

Fix: a hairline inset in pure black or white, not a palette colour, which would show as a tinted fringe: outline:1px solid oklch(0 0 0/.1);outline-offset:-1px in light mode and oklch(1 0 0/.1) in dark. Skip the initials tiles, which are not pictures.

Found in a UI-polish review of the main window (2026-10-19). Not checked in every theme.

Artwork (.art, app.css:800) is drawn with no edge, so a dark cover on a dark theme (Glass, Material dark) has no boundary against the page, in the feed list, the Directory and a show's page alike. Fix: a hairline inset in pure black or white, not a palette colour, which would show as a tinted fringe: `outline:1px solid oklch(0 0 0/.1);outline-offset:-1px` in light mode and `oklch(1 0 0/.1)` in dark. Skip the initials tiles, which are not pictures. Found in a UI-polish review of the main window (2026-10-19). Not checked in every theme.
rays added the enhancement label 2026-10-19 16:22:20 -07:00
Author
Owner

Fixed in 0696583: .art:not(.ini) has a 1px inset outline, oklch(1 0 0/.1) in dark modes and oklch(0 0 0/.1) under data-mode=light. Initials and mosaics are left without. Deployed in ipx-web.

Fixed in 0696583: .art:not(.ini) has a 1px inset outline, oklch(1 0 0/.1) in dark modes and oklch(0 0 0/.1) under data-mode=light. Initials and mosaics are left without. Deployed in ipx-web.
rays closed this issue 2026-10-20 08:17:49 -07:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rays/ipx#313