White flashes when browsing website

  • Resolved maxymalny

    (@maxymalny)


    3 years, 11 months ago

    Hi there,

    First, thank you for the great plugin – many people using it on my website and they love it.
    I’m stuck with only one issue: when browsing the website, every time when a new page is loading, it is switching on/off which causing page flashing white. I’ve already tried to switch off all my plugins, everything is all up-to-date, I was messing around with some settings and all of that didn’t help. I can’t find the source of the problem.
    Content of busnews.org is hidden but I believe that you can still activate the dark mode (bottom left) and change pages to see what I mean.
    I’ve also tried few older versions of the plugin and I’ve found that 1.3.6 doesn’t create this problem.
    Any help will be appreciated ??

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support sabbirsam

    (@sabbirsam)

    Hi @maxymalny

    We checked your browser busnews.org.
    The issues you are talking about are not a problem at all.

    Basically, when you visit a new page, the dark mode is automatically applied there and this application time is much shorter, even though it is understood in a flash.

    This is mainly due to the loading time of JavaScript. But our previous version 1.3.6 didn’t have this problem because there we used to set the pre-defined color with CSS as dark mode.

    However, in this new version we are using an algorithm that acts as an AI depending on your website it generates colors and gives you the best dark mode which is why its processing time is a bit longer than the previous one.
    It shows by flushing even though it is much less than a second.

    We are still having plans to minimize this in the future. Hopefully, we will be able to release a better version very soon to fix this problem.

    Thanks

    I had the same in a template of mine and it was due to a preloader which still had a white background. I modified the CSS for it to be black when in dark mode and then it worked… Maybe you have the same issue. What you can try is remove all white backgrounds and then see if it disappears, and then check one by one which background it’s causing.

    Thread Starter maxymalny

    (@maxymalny)

    It’s a feature, not a bug ??

    OK, thank you for your answers guys. jeroenj, I’ve tried to switch background in customise settings to default before and it kind of works – not every page change but it’s better for sure (see file attached). I’ll give it another shot. Would you be able to share your CSS modification please?

    MD Sabbir Ahmed – thank you for your explanation, I was trying to fix it for the last few days. Just one more question, on my website I use Ajax Search Pro but with Dark Mode on the search result box stays white – would it be possible with the paid version and CSS modification to have it with dark background and bright text?
    Thanks!

    Short Screen Recorded Video

    It’s I think depending on the theme you have, but I added:

    `/* CSS for Evilgamerz.com */

    .wp-dark-mode-active body {
    background: #242525;
    }

    .wp-dark-mode-active #nav_menu-3, .wp-dark-mode-active #page {
    background: #242525;
    }

    Thread Starter maxymalny

    (@maxymalny)

    Thanks jeroenj, it definitely looks better but still flashing white sometimes. Weird thing, when using customisation css in wordpress, everything is fine. Well, maybe it’s just my website broken ??
    I’ll check different themes or maybe try it with a fresh wordpress site.

    Thread Starter maxymalny

    (@maxymalny)

    `Latest changes
    2.0.9 Changelog. Fix: Fixed dark mode flashing issue on frontend and backend (…)

    Thank you Thank you Thank you ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘White flashes when browsing website’ is closed to new replies.