Signals in the theme's accent tint again (#268)

Neither orange tile nor orange icon on the tint worked, so each
Signal's tile is back in the theme's accent tint, as it was before
#268. The Signals folder icon and the larger DeadAir tile stay. The
tile rules go above the initials' comment, which they had split from
its rule.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-16 20:24:18 +00:00
parent dc3ee016db
commit ae58e4653a
3 changed files with 6 additions and 12 deletions

View File

@@ -34,12 +34,11 @@ 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 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).
/// Every Signal in the accent tint the folder has, 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).
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>`;
return `<div class="art ini sig" style="--tint:var(--accent)">${inner}</div>`;
}
const badgeHTML=(n: number)=>`<span class="badge${n?'':' zero'}" title="${n} unread">${n>999?'999+':n}</span>`;
function signalFolder(list: HTMLElement, q: string){