Social Link Icons not changing in Dark Mode

  • Resolved shimi269

    (@shimi269)


    2 weeks, 5 days ago

    Currently testing in a local environment, when I activate Dark Mode on the site within Word Press the Social Links (wp-social-link) icons change color with the rest of the page. But when I run it through a Static Site Generator (Staatic), and run that site, the icons just stay black and do not change color.

    I’ve tried to change this with CSS scripts, but do not have the knowledge to get it working. When I mess around with the inspector, I can get it working, by turning off the top element below, to force the Dark Mode onto the icons.

    .has-foreground-color {
    color: var(–wp–custom–color–foreground) !important;
    }
    .has-foreground-color {
    color: var(–wp-dark-mode-text–wp–preset–color–foreground) !important;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter shimi269

    (@shimi269)

    2 weeks, 5 days ago

    Update: I found the fix, if anyone else has this issue.

    Add the following into a CSS file (like CodeSnippets), and get the color you want. Note, this issue will only occur when you turn it into a static site.

    /* Dark mode override /

    .wp-dark-mode-active .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {

    fill: #d6d0c6 !important; / Change to your desired dark mode icon color */
    }

    Plugin Support Md. Ibrahim Khalil

    (@mdibrahimk48)

    1 week, 1 day ago

    Thanks for your confirmation!

    Let us know if you face any other issues or need more help with our plugin. We will help you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.