[anurag2787]

What does this change?

Replaced Starlight's theme dropdown with a toggle button that switches between light and dark modes

Closes #481

How I tested this

Ran pnpm --filter website build and verified the toggle in both themes on desktop and mobile

AI assistance

ChatGPT was used to help with the implementation and tests

Checklist

• This PR targets dev
• I was assigned the linked issue
• pnpm -r build, pnpm test and pnpm -r typecheck pass locally
• Tests added or updated where it makes sense
• For a bug fix: the new test fails without my change
• Changeset added (pnpm changeset) if this changes core, widget or server
• pnpm api run and api/ committed if an exported type or option changed
• Docs updated if behavior or options changed

Screencast.from.2026-10-30.21-55-45.mp4

[anurag2787]

Hi @anurag629 could you please review and let me know if any changes required
Thanks!

[anurag629]

Thanks @anurag2787, this is what #481 asked for, done the right way: Starlight's component override, the same starlight-theme key, the system setting until the visitor picks, and a label that says what a click does. I built the site and tried it in Chrome with the system set to dark and to light. It starts in the system theme, a click switches and saves the choice, the label flips, Enter works from the keyboard, and the choice survives a reload. The toggle is in the mobile menu too. The website build, lint (same as dev) and docs:check pass. Merging once CI is green.

[anurag629]

Merged, thanks @anurag2787. It goes live with the next production deploy.