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

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

Browse Source 
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:
Ray Slakinski
2026-10-16 20:21:44 +00:00
parent f916ca972a
commit dc3ee016db
3 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/app.css
View File

@@ -781,10 +781,11 @@ body.scan-this .fhead [data-a=scan] .i,body.scan-any .fhead [data-a=scanall] .i,
.art>.tile{width:100%;height:100%;display:block}
#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 Signal: solid on the orange of the Signals icon's point (signals.svg, signals-dark.svg) in
every theme, as the icon is, with the icon or initials in the logo's navy. */
.art.ini.sig{background:#ff6a1a;color:#0c2238}
:root[data-mode="light"] .art.ini.sig{background:#ff5500}
/* A Signal: the folder's accent tint, its icon or initials in the orange of the Signals icon's
point (signals-dark.svg). In light, the light palette's needle (--accent2 there): signals.svg's
#FF5500 on the tint is about 2:1, too faint for initials. */
.art.ini.sig{background:color-mix(in srgb,var(--accent) 24%,var(--bg));color:#ff6a1a}
:root[data-mode="light"] .art.ini.sig{color:#c43e00}
/* 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}
.art.mosaic img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}