apisix-website icon indicating copy to clipboard operation
apisix-website copied to clipboard

fix: toggle theme switch appearing on the website pages

Open ayush00git opened this issue 4 weeks ago • 1 comments

Fixes: #1977

Changes:

  1. Removed the desktop rule that hid .react-toggle in website/src/css/customTheme.scss, so the theme switch is now visible in the navbar on all pages.

  2. Removed ThemeResetComponent from website/src/pages/index.tsx, which previously forced light mode and manually hid the toggle via DOM queries. The component was forcing light theme whenever the home page was being opened.

Result: The color mode switch now appears and works consistently across the whole website, matching the behavior of the Blog and Case Studies page.

Screenshots of the change:

image Screenshot From 2025-12-17 13-53-41

ayush00git avatar Dec 17 '25 08:12 ayush00git