Toggle state in the icon's shape, not the theme's colours (#74)

4ed2d59 drew a pressed toggle in each theme's accent colour; the themes'
colours were not to change. Back as they were, pinned rows included. The
read button carries its state in its shape instead, as the pin does with
outline and solid: a tick when read, the envelope when not, where before
it showed the action (the envelope on a read item).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/app.css

@@ -817,10 +817,7 @@ body.adminpage #log{max-width:none}
    icon, so it spilled 3px right of centre and off line with its heading. */
 .ep .st,.ep .fl{width:22px;height:22px;padding:0;border-radius:5px;display:grid;place-items:center;font-size:11px;color:var(--accent2)}
 .ep .fl{color:var(--faint);font-size:13px}
-.ep .fl.on{color:var(--accent)}
-/* A toggle that is on, the same everywhere: pinned or read, in the toolbar, beside an item's
-   title and on a feed's page, as the feed list's pin mark already was (#74). */
-.btn.ico[aria-pressed="true"],.tgroup button[aria-pressed="true"]:not(:disabled){color:var(--accent)}
+.ep .fl.on{color:var(--fg)}
 /* The icon's EQ bars mark what is playing: standing still, and moving only while it plays. A
    paused animation was tried first; the frames it held were a pixel apart and read as dots. */
 .eq{display:inline-flex;align-items:flex-end;gap:2px;width:13px;height:12px;flex:none}
@@ -1153,8 +1150,6 @@ body:has(#player.on) #status{padding-bottom:3px}
 :root[data-theme="classic"] .tgroup a,
 :root[data-theme="classic"] .btn,
 :root[data-theme="classic"] .tabs{background:linear-gradient(#ffffff,#d9d9d9);border-color:#8e8e8e;color:#1a1a1a}
-:root[data-theme="classic"] .btn.ico[aria-pressed="true"],
-:root[data-theme="classic"] .tgroup button[aria-pressed="true"]:not(:disabled){color:var(--accent)}
 :root[data-theme="classic"] .tabs{border:1px solid #8e8e8e;border-radius:6px}
 :root[data-theme="classic"] .tgroup button:hover:not(:disabled),
 :root[data-theme="classic"] .tgroup a:hover,