// Class definition
var KTThemeMode = function () {
...
var getMode = function() {
var modeParam = getParamName("value");
var menuMode = getMenuMode();
if ( localStorage.getItem(modeParam) !== null ) {
return localStorage.getItem(modeParam);
}
if ( element.hasAttribute("data-theme") ) {
return element.getAttribute("data-theme");
}
// Class definition
var KTThemeMode = function () {
...
var getMode = function() {
var modeParam = getParamName("value");
var menuMode = getMenuMode();
if ( element.hasAttribute("data-theme") ) {
return element.getAttribute("data-theme");
}
if ( localStorage.getItem(modeParam) !== null ) {
return localStorage.getItem(modeParam);
}
<!--begin::Theme mode setup on page load-->
<script>
var defaultThemeMode = "light";
var themeMode;
if ( document.documentElement ) {
if ( document.documentElement.hasAttribute("data-theme-mode")) {
themeMode = document.documentElement.getAttribute("data-theme-mode");
} else {
if ( localStorage.getItem("data-theme") !== null ) {
themeMode = localStorage.getItem("data-theme");
} else {
themeMode = defaultThemeMode;
}
}
if (themeMode === "system") {
themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
}
document.documentElement.setAttribute("data-theme", themeMode);
}
</script>
<!--end::Theme mode setup on page load-->
data-theme-mode="light"
attribute to the HTML root element to set user defined theme mode instead of saving it in the browser storage.