feat(web): add project sidebar accents

[msegec]

What changed

Projects can define a checked-in sidebar accent in t3.json.

• Simple mode accepts one six-digit hex color and generates restrained idle, hover, and selected tints.
• Advanced mode accepts exact idle, hover, and selected colors.
• The tint covers the full thread row and remains visible while idle. Hover and selection strengthen it without adding a dot, strip, animation, or transition.
• The existing project favicon response carries the accent, so sidebar rows do not make another request.

This applies to the web sidebar and desktop wrapper. The separate mobile thread list is unchanged.

Why

Project icons are easy to miss when the sidebar contains threads from several repositories. A persistent, low-contrast tint makes project groups faster to identify while keeping the existing row layout and interaction states.

UI changes

The T3 Code repository uses #1688f0 in simple mode for the after view.

Before	After

Verification

• 60 focused contract, shared, server, asset, and web tests pass.
• Contracts, shared, server, and web typechecks pass.
• Targeted lint and git diff --check pass.
• Checked idle and selected states in an isolated real-app preview using copied project data.

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before and after screenshots
• No animation or motion was added, so a video is not applicable

---

Note

Medium Risk
Touches asset URL issuance and project-file schema, so favicon URL failures now include accent-resolution errors. UI-only tinting otherwise; no auth or data-store changes.

Overview
Projects can set an optional accentColor in t3.json (one six-digit hex, or exact idle/hover/selected colors) so web sidebar thread rows stay tinted by project.

The server reads the accent through ProjectFaviconResolver.resolveAccent and returns it on the existing project-favicon asset URL, so rows reuse that fetch. Sidebar rows apply CSS variables and data-project-accent states; a single color generates restrained tints, while a palette uses the exact colors.

Docs now cover project appearance. Invalid or missing project files yield no accent. Favicon URL issuance fails if accent resolution throws, before path resolution.

^{Reviewed by Cursor Bugbot for commit f2082f3. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Add project sidebar accent colors from t3.json

• Introduces an optional accentColor field in t3ProjectFile.ts accepting either a single six-digit hex color or a palette of idle, hover, and selected colors
• Server resolves the accent via ProjectFaviconResolver.resolveAccent and includes it in AssetCreateUrlResult; resolution failures now raise AssetProjectFaviconResolutionError
• Sidebar thread rows apply per-project tinting using data-project-accent attributes and CSS variables, reusing the favicon asset state to avoid a duplicate fetch
• Adds projectAccentRowState and projectAccentRowStyle helpers and documents the feature under "Customize project appearance"
• Behavioral Change: issueAssetUrl now fails with AssetProjectFaviconResolutionError when resolveAccent throws for project-favicon assets, before path resolution occurs

^{Macroscope summarized f2082f3.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 870e70e8-e3c9-4373-8cc7-7deef70d5f80

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Reviewed the sidebar project-accent styling for consistency with the existing row surface model and CSS ownership rules. Three findings, all in the new accent styling: the accent rules are scoped to an ancestor attribute that does not exist in the mobile sidebar, the hover rule is not pointer-gated like the row's Tailwind hover: utilities, and the accent state attribute collapses route-active and multi-select into one surface.

^{Posted via Macroscope — UI Consistency}

[macroscopeapp]

Approvability

Verdict: Skipped

Macroscope did not run approvability analysis for this PR. Macroscope could not determine whether this PR modifies its approvability configuration, so the PR was not approved automatically. A PR that may change the rules that govern approval is never approved automatically.

[msegec]

Thank's Theo and team for making such a good 'wrapper', I am greatly enjoying it vs most other tools.

I hope my PRs are not junk. Here is a screenshot of how my client currently looks using it, I decided to run my own branch so if PRs dont get accepted I can still keep my own 'flavor' while still holding tightly to your original path and project.