diff --git a/docs/signals.md b/docs/signals.md index 01a38df..2d4105b 100644 --- a/docs/signals.md +++ b/docs/signals.md @@ -20,7 +20,7 @@ their Signals that has not heard about the item yet. the set the page's own icons come from: 2,883 icons, solid, regular and brands, searched by name and Font Awesome's search terms ("ai" finds the robot). Without one, a Signal shows its initials. **Auto** asks Jev to choose (#263), and a Signal made without an icon gets Jev's pick by - itself, a moment after it is made. Every Signal's tile is in the accent tint the folder has. + itself, a moment after it is made. Every Signal's tile is in the needle's colour (`--accent2`), the orange point of the folder's icon. - **Each Signal's row** says "12 items ยท 3 unread", as a feed's row counts its own. - **The folder's page** lists the Signals, as an OPML's page lists its feeds, with the + for a new one. - **A Signal's page** is an ordinary item list: All, Unread, Downloaded and Pinned, search and sort. diff --git a/web/app.css b/web/app.css index 9cffc23..f427359 100644 --- a/web/app.css +++ b/web/app.css @@ -779,7 +779,7 @@ body.scan-this .fhead [data-a=scan] .i,body.scan-any .fhead [data-a=scanall] .i, /* Initials, tinted by a hash of the name so two "TS" in a row can be told apart. Mixed into the page ground, not --raise: that is also the selected row, and a selected tile vanished into it. */ .art>.tile{width:100%;height:100%;display:block} -#pdead .tile{width:22px;height:22px;border-radius:5px} +#pdead .tile{width:26px;height:26px;border-radius:6px} .art.ini{background:color-mix(in srgb,var(--tint) 24%,var(--bg));color:var(--tint)} /* A folder: its first four shows' art, as iTunes built a playlist's from its albums. */ .art.mosaic{grid-template:1fr 1fr/1fr 1fr;place-items:stretch} diff --git a/web/src/signals.ts b/web/src/signals.ts index 600c947..0fdbf94 100644 --- a/web/src/signals.ts +++ b/web/src/signals.ts @@ -34,11 +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)=>``; -/// 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). +/// 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). 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 `