rays/ipx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

Signals solid in the orange of the Signals icon's point (#268)

Browse Source 
--accent2 mixed a quarter into the ground came out salmon, and is pink
or blue in other themes. Each Signal's tile is now solid #ff6a1a, or
#ff5500 in light, the point of signals.svg and signals-dark.svg, in
every theme as the icon is, with the icon or initials in the logo's
navy (#0c2238, 5:1 or better on either).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Ray Slakinski
2026-10-16 20:16:47 +00:00
parent 7627af5bc8
commit f916ca972a
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/signals.ts
View File

@@ -34,12 +34,12 @@ 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 needle's colour (--accent2), the point of the folder's icon, 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 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).
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" style="--tint:var(--accent2)">${inner}</div>`;
return `<div class="art ini sig">${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){