chore: restore color modes

[alexdln]

🧭 Context

Unfortunately, we found that dark mode users happily use the site and don't pay attention to the surveys.

As a result, the answers turned out to be inaccurate, so we are reverting the changes for now, but we will definitely return to this issue in a year!

https://bsky.app/profile/did:plc:er6erflnnxcozlbqmrpflt6h/post/3mihbwq3bcs2c

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Apr 2, 2026 7:03am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Apr 2, 2026 7:03am
npmx-lunaria	Ignored		Apr 2, 2026 7:03am

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 1b1a5a97-7e42-424a-9370-24a5c35e293c

📥 Commits

Reviewing files that changed from the base of the PR and between 95c2aae and 0234cf3.

📒 Files selected for processing (4)

• app/assets/main.css
• app/pages/index.vue
• app/pages/settings.vue
• vercel.json

💤 Files with no reviewable changes (2)

• app/pages/index.vue
• vercel.json

---

📝 Walkthrough

Walkthrough

This PR reactivates dark theme support across the application. CSS variable definitions for non-light themes are uncommented and enabled with explicit overrides for different background variants. The theme selector UI in the settings page is re-enabled through the useColorMode() composable to allow users to switch between light, dark, and system themes. The homepage announcement about theme removal and the corresponding /theme-research redirect are removed.

Possibly related PRs

• feat: apply April research results #2353: Directly conflicts with this PR—it previously removed the dark theme functionality that this PR restores, touching the same files and CSS/template symbols.
• fix: add default theme for no-js users #1060: Both PRs modify app/assets/main.css to activate :root:not([data-theme='light']) and dark theme CSS variable definitions.
• fix: apply accent colours via css vars #1182: Both PRs modify the same theme-aware CSS variables (accent and swatch tokens) in app/assets/main.css.

Suggested labels

front

Suggested reviewers

• danielroe
• shuuji3
• RamaHerbin

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly explains the context and reasoning for the changes: reverting previous dark mode modifications due to inaccurate survey responses from dark mode users.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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 and usage tips.}

[graphieros]

🍿