fix(web): preserve appearance mode when changing themes

[extoci]

What Changed

Keep the current System, Light, or Dark setting when the user selects another theme.

Why

On a new setup, System mode was used but not saved. When the user selected a theme, the app used that theme's default Light mode. This could change a dark app to light. The app now saves the current mode before it changes the theme.

UI Changes

No visual UI, motion, or interaction design changes. The existing theme picker now keeps the active appearance mode.

Checklist

• This PR is small and focused
• I explained what changed and why
• Before/after screenshots are not applicable because no visual UI changed
• A video is not applicable because no animation or interaction design changed

Implemented with GPT-5.6 Sol via Codex in the T3 Code harness.

---

Note

Low Risk
Small, localized change to theme preference writes in setTheme; no auth, security, or data-handling impact.

Overview
Fixes a case where picking a new theme could flip a dark UI to light when System (or another mode) was active but not yet stored.

setTheme now writes the current appearance mode to THEME_APPEARANCE_MODE_STORAGE_KEY (via readAppearanceModePreference + writeAppearanceModePreference) before clearing theme halves and saving the new theme. That stops the app from re-inferring mode from the newly selected theme’s default appearance on the next apply.

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

Note

Fix useTheme.setTheme to preserve appearance mode when changing themes

When changing themes, the previous appearance mode (light/dark) was being discarded and re-inferred from the new theme, causing unexpected switches. The fix reads the current appearance mode from storage and writes it back before applying the new theme preference in useTheme.ts.

^{Macroscope summarized 75081d7.}

[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: d6fe5fb7-126e-4366-bb00-448d516a011b

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]

Approvability

Verdict: Approved 75081d7

Straightforward bug fix that preserves the user's appearance mode preference when switching themes. The change is small (one functional line), defensive in nature, and limited to UI theming logic with no security or infrastructure implications.

^{You can customize Macroscope's approvability policy. Learn more.}