cboard-org/cboard-ai-builder

Dark mode flicker

Closed this issue · 0 comments

See MUI documentation

Server-rendered apps are built before they reach the user's device. This means they can't automatically adjust to the user's preferred color scheme when first loaded.Here's what typically happens:
-You load the app and set it to dark mode.
-You refresh the page.
-The app briefly appears in light mode (the default).
-Then it switches back to dark mode once the app fully loads.
-This "flash" of light mode happens every time you open the app, as long as your browser remembers your dark mode preference.
This sudden change can be jarring, especially in low-light environments. It can strain your eyes and disrupt your experience, particularly if you interact with the app during this transition.
To better understand this issue, take a look at the animated image below:

dark-mode-flicker