Dynamic Styles and Dark Mode toggle together?

  • Resolved Ben Riga

    (@benbuzztoniccom)


    2 years, 3 months ago

    I love this theme. It’s super clean and easy to use.

    The only issue I’ve found is that if I turn on the Dynamic Styles and the Light/Dark Theme Toggle then they don’t seem to work well together. When Dynamic Styles is on and the Dark Mode toggle is on, if I switch to Dark mode then instead of getting Dark Mode I get white text on a white background. If either of these toggles in on individually they seem to work fine. i.e. I can toggle Dark Mode when Dynamic Styles is not on.

    Is this a known issue? Can anyone else repro this?

    Thanks,
    Ben

Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author Alexander Agnarson

    (@alxmedia)

    Hi Ben! Glad to hear you like the theme.

    I’m trying to reproduce this issue on my end, but haven’t been able to – do you have featured posts enabled?

    Try setting Customize > Theme Options > Blog > Featured Post Count > 0

    Any difference?

    Or, do you possibly have some Customize > Additional CSS code running that changes background colors for example? Or some plugin that adds CSS that may conflict?

    Thread Starter Ben Riga

    (@benbuzztoniccom)

    Hi Alex,

    Thanks. I set Featured Post Count to “1” and that turned the background for the top blog post to red. When I turn on the Light/Dark toggle and use that toggle to switch to dark mode then the featured post background remains red but the remaining posts on the page become white on white.

    There is no Additional CSS.

    I don’t have many plugins installed. How might I check if one of them is adding CSS that would do this?

    The weird thing is that if I turn off Dynamic Styles then both Light mode and Dark mode work fine. But then I can’t change fonts etc.

    Any thoughts on how I might debug what might be causing this?

    Thanks,
    Ben

    Theme Author Alexander Agnarson

    (@alxmedia)

    Strange stuff…

    In Theme Options > Styling, do you remember which settings there that are not default? Like, do you have Dark Mode enabled, and do you perhaps have a different background color set?

    Do you have any link to your site with the issue live? If it’s private, feel free to send it via mail instead. If I can inspect the code I may figure it out faster.

    Theme Author Alexander Agnarson

    (@alxmedia)

    Edit: wait a bit with this.

    Thread Starter Ben Riga

    (@benbuzztoniccom)

    Thanks Alex,

    I sent some details via email.

    Thanks,
    Ben

    Theme Author Alexander Agnarson

    (@alxmedia)

    Mailserver seem to be a bit slow or something, still waiting for your mail.

    Question: Does https://demo.alx.media/clearbook/ work fine for you with the toggle there? That site has both dynamic styles and the dark mode toggle enabled, as that is the theme’s default settings.

    Thread Starter Ben Riga

    (@benbuzztoniccom)

    Weird. I sent it to Alexander Agnarson <[email protected]>. Is that the right email address?

    I did try the demo and it works fine so seems like it’s definitely something on my site.

    Thanks,
    Ben

    Theme Author Alexander Agnarson

    (@alxmedia)

    Yup that is the right address, can you try to send again? Weird indeed.

    Thread Starter Ben Riga

    (@benbuzztoniccom)

    ok resent. tried with and without screenshot attachments

    Thread Starter Ben Riga

    (@benbuzztoniccom)

    With help from Alex, I was able to resolve my issue using the following:

    —–
    By adding this in Customize > Additional CSS:

    #wrapper-inner { background: transparent!important; }

    —–

    Theme Author Alexander Agnarson

    (@alxmedia)

    Great to hear Ben! ??

    (My mailserver is still sluggish for some reason so I’m responding here)

    Marking thread as resolved.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Dynamic Styles and Dark Mode toggle together?’ is closed to new replies.