themesberg / themesberg/flowbite
Light mode toggle not working when browser is in dark mode
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 9.4k
- Forks
- 862
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
I have a similar issue as described in issue #145 when I use the code shown here: https://flowbite.com/docs/customize/dark-mode/
To Reproduce
Steps to reproduce the behavior:
- Set browser/os to dark mode
- Toggle light mode
- Dark mode is still shown
Expected behavior
It should show light mode.
Desktop (please complete the following information):
- OS: macos
- Browser: chrome
- Version: 110
Smartphone (please complete the following information):
- Device: iPhone 14
- OS: iOS 16
- Browser safari
- Version 16.0
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the dark-mode implementation shown in the linked Flowbite documentation and reproduce the behavior with the reported browser and OS settings. Trace how the light-mode toggle interacts with the system dark preference; done means selecting light mode visibly produces the light theme in that scenario.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- tailwindcss
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100