Background not switching in Dark Mode (text unreadable)

  • Resolved a1exus

    (@a1exus)


    3 months, 2 weeks ago

    Hello World! 😉

    Hi, I’ve installed the WP Dark Mode plugin. When I switch to dark mode, the background does not change – it stays light – while the font color becomes lighter, which makes the site unreadable.

    When I switch back to light mode, everything looks normal. The issue only happens in dark mode.

    Please advise.
    Thanks!

    • This topic was modified 3 months, 2 weeks ago by a1exus.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Md. Ibrahim Khalil

    (@mdibrahimk48)

    3 months, 1 week ago

    Could you share the Dark Mode settings of your site? Did you use any preset colors, or are you using the default settings?

    Also, please let us know your theme’s name so we can recreate the issue on our end and suggest the right solution.

    Thread Starter a1exus

    (@a1exus)

    3 months, 1 week ago

    I’m using default settings and theme’ name is: Twenty Twenty-ThreeVersion: 1.6

    Plugin Support Md. Ibrahim Khalil

    (@mdibrahimk48)

    3 months, 1 week ago

    Are you using any template or page builder?
    Could you please share more details so we can recreate a test site exactly like yours?

    Thread Starter a1exus

    (@a1exus)

    3 months, 1 week ago

    Hello, I appreciate you trying to help me!

    I’m not using any Page Builders or anything like that, I do believe that the only thing that I did do, is: I selected “Sherbet” style in “Styles” (one of many styles (presets) that comes with the theme).

    Thanks again 😉

    • This reply was modified 3 months, 1 week ago by a1exus.
    • This reply was modified 3 months, 1 week ago by a1exus.
    Plugin Support Md. Ibrahim Khalil

    (@mdibrahimk48)

    3 months, 1 week ago

    Thanks for sharing the details with us. We’re currently looking into the issue and will get back to you shortly.

    Plugin Support Md. Ibrahim Khalil

    (@mdibrahimk48)

    3 months, 1 week ago

    This issue happens because your site has a background color set in the code. A specific color variable is causing it. To fix it, just update the background setting in your theme’s CSS.

    Replace this:

    body { background: var(--wp--preset--gradient--primary-secondary-tertiary); }

    With this:

    body { background-color: var(--wp--preset--gradient--primary-secondary-tertiary); }

    That’s it – this small change should solve the problem.

    Plugin Support Md. Ibrahim Khalil

    (@mdibrahimk48)

    2 months, 3 weeks ago

    Since we haven’t heard back from you, so we’re assuming the issue is resolved and are going to mark this thread as resolved.

    If you need more help, please feel free to start a new thread.

    Thread Starter a1exus

    (@a1exus)

    2 months, 2 weeks ago

    sorry was AFK 😉

    could you please provide a bit more details where exactly i need to update this?

    thanks in advance!

Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.