if else语句带有点击功能

Question

我正在尝试在我拥有的一个小项目上启用黑暗主题。所以我希望默认情况下“OFF”为绿色，默认情况下为“ON”红色。但它不起作用，只是运行else语句。

php.ini

function darkMode() {
	jQuery('#darkModeIcon').click(function(){
		 $(this).data('clicked', true);
	});

	if(jQuery('#darkModeIcon').data('clicked')) {
		$('body').toggleClass('darkmode');
		$('#darkModeOn').toggleClass('darkModeTextBold');
		$('#darkModeOff').toggleClass('darkModeTextNormal');
	} 

	else {
		$('#darkModeOn').toggleClass('darkModeTextNormal');
		$('#darkModeOff').toggleClass('darkModeTextBold');
	}	
}
$(document).ready(darkMode);

.darkModeTextNormal {
	font-weight: normal !important;
	color: red !important;
}

.darkModeTextBold {
	font-weight: bold !important;
	color: #2ecc71 !important;
}