A Signal's own icon, chosen from Font Awesome Free #261

New Issue

rays · 2026-10-16T11:28:01-07:00

rays commented

2026-10-16 11:28:01 -07:00

Asked 2026-10-16: each Signal's settings let you pick an icon for it from the whole of Font Awesome Free (7.3.1, the set the page's own icons come from), searchable. It shows in place of the Signal's initials in the sidebar, on the Signals page and in the Signal's header.

ic-glass.dark-side.png

43 KiB

ic-glass.light-picker.png

93 KiB

ic-glass.dark-picker.png

95 KiB

ic-modern.auto-picker.png

119 KiB

rays added the enhancement label 2026-10-16 11:28:01 -07:00

rays referenced this issue from a commit

2026-10-16 11:36:10 -07:00

A Signal's own icon, from all of Font Awesome Free, searchable (#261)

rays commented

2026-10-16 11:36:23 -07:00

Prototype on the signal-icons branch, for approval before it goes to main.

In the sidebar, a Signal with an icon shows it on its tile, tinted as initials are; one without keeps its initials (Baking). Glass dark, 390 px:

In the Signal's dialog, the tile beside the name is a button: it opens a search over all of Font Awesome Free 7.3.1 (2,883 icons, solid, regular and brands), by name and Font Awesome's search terms ("ai" finds the robot). Exact names come first, then search terms, then words that only start with what was typed. Initials goes back to none. Searching "car", Glass light and dark:

Modern, desktop:

Name
[🏁] [Formula 1                         ]     the tile opens the picker
[car                          ×] Initials
 🚗 🚙 🚡 🚘 ...  (up to 120, scrolls)

How it is built: ipx-web serves each icon as its own SVG, /icons/<style>/<name>.svg, drawn as a CSS mask so it takes the theme's colour; the search index (about 90 KB compressed) is fetched only when the picker first opens. The API takes icon: "solid/robot" and nothing that is not a style and a plain name. Changing only the icon no longer has Jev read everything again: the dialog used to send the name, words and sentence back on every save, which dropped the Signal's verdicts.

Decisions that are yours:

Where the picker lives: opened from the tile beside the name, inside the dialog, rather than a dialog of its own.
Tile colour: the icon on the same tint its initials would have, so each Signal keeps its colour. No theme colours change.
Shown in: the sidebar, the Signals page and the Signal's own header. Not on items.

Prototype on the `signal-icons` branch, for approval before it goes to `main`. **In the sidebar**, a Signal with an icon shows it on its tile, tinted as initials are; one without keeps its initials (Baking). Glass dark, 390 px: ![](https://git.sdf1.net/attachments/750b07ae-26f1-4c4b-8c3a-78c4c7fb32b9) **In the Signal's dialog**, the tile beside the name is a button: it opens a search over all of Font Awesome Free 7.3.1 (2,883 icons, solid, regular and brands), by name and Font Awesome's search terms ("ai" finds the robot). Exact names come first, then search terms, then words that only start with what was typed. **Initials** goes back to none. Searching "car", Glass light and dark: ![](https://git.sdf1.net/attachments/783b5826-c80e-47c8-98fc-150e0ee17b11) ![](https://git.sdf1.net/attachments/51f2536d-f351-45c8-a5a7-de680707591f) Modern, desktop: ![](https://git.sdf1.net/attachments/5ddcc590-6050-4230-b52f-2967cd499e4a) ``` Name [🏁] [Formula 1 ] the tile opens the picker [car ×] Initials 🚗 🚙 🚡 🚘 ... (up to 120, scrolls) ``` How it is built: ipx-web serves each icon as its own SVG, `/icons/<style>/<name>.svg`, drawn as a CSS mask so it takes the theme's colour; the search index (about 90 KB compressed) is fetched only when the picker first opens. The API takes `icon: "solid/robot"` and nothing that is not a style and a plain name. Changing only the icon no longer has Jev read everything again: the dialog used to send the name, words and sentence back on every save, which dropped the Signal's verdicts. Decisions that are yours: 1. **Where the picker lives:** opened from the tile beside the name, inside the dialog, rather than a dialog of its own. 2. **Tile colour:** the icon on the same tint its initials would have, so each Signal keeps its colour. No theme colours change. 3. **Shown in:** the sidebar, the Signals page and the Signal's own header. Not on items.

rays referenced this issue from a commit

2026-10-16 11:56:14 -07:00

The Signals folder's + before its count, so the counts line up (#261)

rays commented

2026-10-16 11:57:50 -07:00

Merged and deployed (ipx and ipx-web, 4f1e7e2): a Signal's icon from all of Font Awesome Free, picked from the tile beside its name. The folder's + now sits before its count.

Merged and deployed (ipx and ipx-web, 4f1e7e2): a Signal's icon from all of Font Awesome Free, picked from the tile beside its name. The folder's + now sits before its count.

rays closed this issue

2026-10-16 11:57:50 -07:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: rays/ipx#261