Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI 
Metronic 8.1.0 HTML: How to start in dark mode by default
Hi!
How can I start Metronic 8.1.0 in dark mode by default (plain HTML)?
Best regards!
Replies (2)
i want to change my color default to light mode, but not working still change to system default setting (dark), how can i change that ?
Hi,
Please set defaultThemeMode="dark"; in the theme mode main initialization code:
<!--begin::Theme mode setup on page load-->
<script>
if ( document.documentElement ) {
const defaultThemeMode = "system";
const name = document.body.getAttribute("data-kt-name");
let themeMode = localStorage.getItem("kt_" + ( name !== null ? name + "_" : "" ) + "theme_mode_value");
if ( themeMode === null ) {
if ( defaultThemeMode === "system" ) {
themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
} else {
themeMode = defaultThemeMode;
}
}
document.documentElement.setAttribute("data-theme", themeMode);
}
</script>
<!--end::Theme mode setup on page load-->Regards.
Your Support Matters!
We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
