Dark mode flicker in Production

[marcphilippebeaujean-abertay]

First off, thanks for this great theme! I think I will contribute in due time. My only problem is that the light mode flickers when I first load the page in production, but dark mode is enabled by default. Any ways around this or am I just doing something wrong?

[ahmad-reza619]

Hello @marcphilippebeaujean-abertay thanks for reporting issue.

I think because the default background in most browser is white, and that is why it flickers. it takes time for react to apply the styles. what do you think @akzhy

Edit: Sorry after further research yes, it's normally wouldn't flicker on first load. we use less and webpack loaders for less, so it could be the styles were loaded asynchronously by webpack on prod.

This is some lead that i've found regarding this issue.

[marcphilippebeaujean-abertay]

Thanks for getting back to me. Does this mean I'm the only one experiencing this issue? Or is this also in the repository?

[ahmad-reza619]

I will try to reproduce the issue, but sadly I'm busy at the moment. I'll get back to you when I'm done.

[akzhy]

Hey @marcphilippebeaujean-abertay , sorry for the delay in response. This is because of an issue in adding class to the body. I will try to create a workaround to fix it.

[marcphilippebeaujean-abertay]

No worries. I also made some other fixes and added a cookie banner, can I push these to the repository?

[akzhy]

Hey @marcphilippebeaujean-abertay sorry for the really long delay in responding. Pull requests are welcomed and appreciated, checkout #22 , the latest version. contributions to it are welcomed.

[baart1989]

There is a way to fix it with custom html.js.

As explained in following blog post

[akzhy]

Fixed in the latest version