Color Mode Toggle Example Works Only in Firefox, Not in Chrome or Edge

[Tirthagit]

Description:
The Color Mode toggle example works correctly in Firefox but does not function as expected in Google Chrome or Microsoft Edge. When clicking the toggle button, the mode does not change in these browsers. I inspected the console in both Edge and Chrome but no errors were shown on clicking on the toggle button.

Steps to Reproduce:

• Open the Bootstrap Color Mode Toggle Example.
• Open it in Firefox → The toggle works correctly.
• Open the same example in Google Chrome or Microsoft Edge → The toggle does not change the color mode.

Expected Behavior:
The color mode toggle should work consistently across all modern browsers, including Chrome and Edge.

Actual Behavior:
✅ Firefox: The toggle works correctly.
❌ Chrome & Edge: Clicking the toggle icon does not switch the mode.

Environment Details:
Bootstrap Version: (e.g., 5.3.3)
Operating System: Windows 10

Browser Versions:
Firefox: 134.0.3124.72 ✅ Works
Chrome: 134.0.6998.89 ❌ Not working
Edge: 134.0.3124.72 ❌ Not working
Image
Suggested Labels: bug, browser-compatibility, help wanted

[julien-deramond]

Thanks for reporting this issue @Tirthagit. I've provided a fix in #576. In the meantime, you can apply it in your project like this: https://github.com/twbs/examples/pull/576/files