novakpeter

Hi, the problem was W3 Total Cache plugin. It was a part of my WordPress install. Not sure if it is now packed with WordPress like a sort of a promo or my hosting added it. I immediately deactivated the W3 Total Cache plugin but when I worked on the web I have seen occasionally weird errors. After some time when I did not see some changes immediately, I was suspicious that it looks like some kind of broken caching. So I deleted W3 Total Cache completely. Weirdly enough, the plugin did not uninstal itself properly and left some files and folders behind (oh man, what a mess). After I deleted completely all these remains, these weird errors dissapeared so it is now solved for me.

Thank you so much!

Sorry but you probably do not understand programming. A SEO plugin never indexes. Indexing is done by Google, Bing etc. Please, could someone from your company that understands programming answer the question? Thank you.

Hi, OK thank you for the answers!

Dear Héctor, I found the logic and finished the script! Works nicely now! The code is:

function wpp_dark_mode_detection() {
	?>
	<script>
		document.addEventListener('DOMContentLoaded', function() {
			document.body.addEventListener('wpp-onload', function(e) {

				const my_html = document.querySelector('html');
				
				if (my_html.classList.contains('wp-dark-mode-active')) {
				        is_dark_mode = true;
				} else {
                        		is_dark_mode = false;
				}
		 
				
				if ( is_dark_mode ) {
					e.target.querySelector('.popular-posts-sr').shadowRoot.querySelector('.wpp-list').classList.add('dark-mode');
				}
			});	
		});
	</script>
	<?php
}
add_action('wp_head', 'wpp_dark_mode_detection');

And to my style.css I added:

.wpp-list li a {
color: #000000;
}
.wpp-list.dark-mode li a {
color: #e5e0d8;
}

Please, can you advice how to “load the script in a JS file and not inline as shown” as mentioned?

Diar Brian, perfect! I also adjusted my review to really commend this plugin more!