Signals back on the accent tint, their icon or initials in orange (#268)

A solid orange tile was too loud. Each Signal's tile is the folder's
accent tint again, and its icon or initials are drawn in the orange of
the Signals icon's point: #ff6a1a in dark. In light it is the light
palette's needle, #c43e00, since signals.svg's #ff5500 on the tint is
about 2:1, too faint for initials (about 3.4:1 instead).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-16 20:21:44 +00:00
parent f916ca972a
commit dc3ee016db
3 changed files with 9 additions and 8 deletions

View File

@@ -34,9 +34,9 @@ function feedRow(id: string, cls: string, html: string, open: ()=>void){
/// takes nothing else either).
const ICON_ID=/^(solid|regular|brands)\/[a-z0-9-]{1,64}$/;
const iconHTML=(icon: string)=>`<span class="ficon" style="--icon:url('/icons/${icon}.svg')"></span>`;
/// Every Signal on the orange of the folder icon's point (.art.sig), icon or initials: tinted by a
/// hash of its name, as a feed without art is, one came out a colour of its own for no reason
/// anyone could see (#262).
/// Every Signal in the folder's accent tint, its icon or initials in the orange of the folder icon's
/// point (.art.sig): tinted by a hash of its name, as a feed without art is, one came out a colour
/// of its own for no reason anyone could see (#262).
function signalTile(sg: {name: string, icon: string|null}){
const inner=sg.icon&&ICON_ID.test(sg.icon) ? iconHTML(sg.icon) : esc(initials(sg.name));
return `<div class="art ini sig">${inner}</div>`;