[usrnk1]

Refs #62026

In dark theme the busy tab spinner was nearly invisible. It uses --v2-icon-icon-muted, which is grey-600 (#808080) in both themes, and most of the spinner's dots rest at 20% opacity. Against the dark tab background (#080808/#161616) that comes out at about #2b2b2b, so only the single moving dot showed.

The busy tab spinner now uses --v2-icon-icon-base (grey-400, #dbdbdb) in dark theme. Light theme keeps icon-muted; its screenshots are pixel-identical before and after.

• The override sits on the tab's own busy mark in tab-nav.css. The shared ActivityRing/Spinner and their other callers (home list, command palette, inbox) are unchanged, per the Loading Indicators rule in packages/app/AGENTS.md.
• The mobile tabs drawer uses the same tab markup, so it gets the brighter spinner too.
• This doesn't cover the issue's other requests: busy state back in the icon slot, and a separate stopped/error state.

Checked on the mocked e2e server: the computed spinner color is rgb(219, 219, 219) in dark and rgb(128, 128, 128) in light.

No feature flag; this is a styling fix.

Before:

After:

Visual

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 72" width="240" height="72" fill="currentColor">
<style>.d{animation:s 1.8s linear infinite}@keyframes s{0%,6%{opacity:1}30%{opacity:.4}55%,100%{opacity:.2}}@media (prefers-reduced-motion:reduce){.d{animation:none}}</style>
<g>
<rect x="8" y="18" width="104" height="36" rx="7" fill="none" stroke="currentColor" stroke-opacity=".2"/>
<rect x="17" y="29" width="14" height="14" rx="3" opacity=".35"/>
<rect x="37" y="33" width="36" height="6" rx="3" opacity=".45"/>
<g opacity="0.4"><rect x="80" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.36;animation-delay:-0.23s"/><rect x="86" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.40;animation-delay:-0.13s"/><rect x="92" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.45;animation-delay:-1.80s"/><rect x="98" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.51;animation-delay:-1.67s"/><rect x="104" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.55;animation-delay:-1.57s"/><rect x="80" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.33;animation-delay:-0.32s"/><rect x="86" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.36;animation-delay:-0.23s"/><rect x="92" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.45;animation-delay:-1.80s"/><rect x="98" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.55;animation-delay:-1.57s"/><rect x="104" y="28" width="4" height="4" rx="1" class="d" style="opacity:1.00;animation-delay:-1.48s"/><rect x="80" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.27;animation-delay:-0.45s"/><rect x="86" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.27;animation-delay:-0.45s"/><rect x="92" y="34" width="4" height="4" rx="1" opacity=".6"/><rect x="98" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.35s"/><rect x="104" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.35s"/><rect x="80" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.22;animation-delay:-0.58s"/><rect x="86" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.68s"/><rect x="92" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.90s"/><rect x="98" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.13s"/><rect x="104" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.22s"/><rect x="80" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.68s"/><rect x="86" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.77s"/><rect x="92" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.90s"/><rect x="98" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.03s"/><rect x="104" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.13s"/></g>
</g><text x="60" y="68" font-size="9" text-anchor="middle" opacity=".55" font-family="sans-serif">before</text><g>
<rect x="128" y="18" width="104" height="36" rx="7" fill="none" stroke="currentColor" stroke-opacity=".2"/>
<rect x="137" y="29" width="14" height="14" rx="3" opacity=".35"/>
<rect x="157" y="33" width="36" height="6" rx="3" opacity=".45"/>
<g opacity="1"><rect x="200" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.36;animation-delay:-0.23s"/><rect x="206" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.40;animation-delay:-0.13s"/><rect x="212" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.45;animation-delay:-1.80s"/><rect x="218" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.51;animation-delay:-1.67s"/><rect x="224" y="22" width="4" height="4" rx="1" class="d" style="opacity:0.55;animation-delay:-1.57s"/><rect x="200" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.33;animation-delay:-0.32s"/><rect x="206" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.36;animation-delay:-0.23s"/><rect x="212" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.45;animation-delay:-1.80s"/><rect x="218" y="28" width="4" height="4" rx="1" class="d" style="opacity:0.55;animation-delay:-1.57s"/><rect x="224" y="28" width="4" height="4" rx="1" class="d" style="opacity:1.00;animation-delay:-1.48s"/><rect x="200" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.27;animation-delay:-0.45s"/><rect x="206" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.27;animation-delay:-0.45s"/><rect x="212" y="34" width="4" height="4" rx="1" opacity=".6"/><rect x="218" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.35s"/><rect x="224" y="34" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.35s"/><rect x="200" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.22;animation-delay:-0.58s"/><rect x="206" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.68s"/><rect x="212" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.90s"/><rect x="218" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.13s"/><rect x="224" y="40" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.22s"/><rect x="200" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.68s"/><rect x="206" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.77s"/><rect x="212" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-0.90s"/><rect x="218" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.03s"/><rect x="224" y="46" width="4" height="4" rx="1" class="d" style="opacity:0.20;animation-delay:-1.13s"/></g>
</g><text x="180" y="68" font-size="9" text-anchor="middle" opacity=".55" font-family="sans-serif">after</text>
</svg>

---

Added by the opencode bot (AI-generated).

Related: #62026

[opencodejr]

The change looks correct. I checked it by reading the code but couldn't run it here: it's a web/desktop app change, and no browser was available to bring up the app.

The new rule targets the same element as ActivityRing's own color rule and is more specific, so it wins. data-color-scheme is always set on the document root by the theme code, including when the theme is set to "system", so dark users get the brighter spinner either way. The shared ActivityRing/Spinner are untouched, which follows the Loading Indicators rule in packages/app/AGENTS.md. I'm relying on your before/after screenshots and computed colours for the visual result.

Public API: unchanged.

No blocking concerns.

Related: #62026

[opencodejr]

The new commit only merges dev, so this pull request's diff is unchanged and my earlier review still applies. The changes it brings in don't affect the tab spinner or the theme tokens. I didn't run it in a browser here. Public API: unchanged. No concerns.