How can i replace text and background color in wordpress?

Razzer 0
Viewed 45

I want to change my website WordPress theme from light to dark mode. I want to use JS to make it much faster and easier. My question is, how can I replace the dark text color with white and the white background color with dark?

I can't add a tag to the classes, because I'm using elementor for WordPress.

I already have this code to change white backgrounds into dark ones, but how can I do that for fonts too?

(function () {
    if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
        console.log("Setting new background color...");
        document.body.setAttribute("style", "background-color: #121212;");
    }

})();
themes wordpress javascript css
1 Answers

I don't recommend using * for global style changes other than the standard ones. However, if you really want to use this script. This takes precedence over inline styles and CSS styles containing the !important rule.

var all = document.getElementsByTagName("*");

for (var i = 0, max = all.length; i < max; i++) {
  all[i].setAttribute('style', 'background-color: green !important; color: red !important;');
}
/* to demonstrate */

body {
  background: white !important;
}

div {
  color: blue;
}
<div style="color: blue;">i'm red? maybe?</div>

Kameron0
Related