Dark Mode Toggle Block CSS overwrites the CSS code of ActivityPub

  • Resolved KRISÚ

    (@krisueu)


    9 months, 3 weeks ago

    Hello everyone,

    I use the Dark Mode Toggle Block plugin

    for my WordPress site. https://de.wordpress.org/plugins/dark-mode-toggle-block/

    Unfortunately, this also overwrites the original CSS code of ActivityPub. See pictures. If it is not activated, the headings are displayed normally. When the dark mode is activated. The headings appear white. Which CSS code can I use so that the dark mode does not overwrite the CSS code of ActivityPub?

    Many thanks for your help!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Konstantin Obenland

    (@obenland)

    9 months, 3 weeks ago

    .theme-dark body {
        --wp--preset--color--white: var(--wp--preset--color--custom-theme-1-dark, var(--wp--custom--color--theme-1-dark));
    }
    .activitypub-modal__overlay {
    	color: currentcolor
    }

    This should do the trick. The .activitypub-modal__overlay should probably be in the plugin, I’d have to experiment with more themes for that.

    The trouble with dark modes is that every theme, even default themes, use different CSS variables, which, I assume, is why the plugin doesn’t define its own or attempts to provide a default.

    Thread Starter KRISÚ

    (@krisueu)

    9 months, 3 weeks ago

    hi @obenland

    even better than I had imagined. Thank you very much. Also for the explanation!

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

The topic ‘Dark Mode Toggle Block CSS overwrites the CSS code of ActivityPub’ is closed to new replies.

Tags