Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flicker when loading pages #72

Open
hirani89 opened this issue Jul 5, 2021 · 4 comments
Open

Flicker when loading pages #72

hirani89 opened this issue Jul 5, 2021 · 4 comments

Comments

@hirani89
Copy link

hirani89 commented Jul 5, 2021

Hi,

I am using this plugin in a next.js application and I am having issues.

When dark mode is selected, pages seem to load in light first then toggle to dark mode.

I added autoMatchOsTheme: false. But that didn't work. Same thing in chrome and firefox.

Here is the staging site.

@Purfview
Copy link

Purfview commented Oct 19, 2021

You need to load it before DOM is loaded, you can get some ideas from:
https://github.com/Purfview/Darkmode-User

v1.7 is when feature of the seamless transitions to dark mode was added.

@Pro-tonn
Copy link

Hi,

I am using this plugin in a next.js application and I am having issues.

When dark mode is selected, pages seem to load in light first then toggle to dark mode.

I added autoMatchOsTheme: false. But that didn't work. Same thing in chrome and firefox.

Here is the staging site.

Hi, what was your solution to the dark and light mode?

@hirani89
Copy link
Author

I am still looking for a solution that works on my setup. I've been busy with other stuff so haven't been able to fix this at the moment.

@Pro-tonn
Copy link

Thanks! Based on your site, I see you were able to modify the "dark" and "light" colors. How did you do it and also how did you get the "custom" label to work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants