Dark Mode Setting


To have Dark mode enabled, replace the reference of bootstrap.min.css stylesheet file to bootstrap-dark.min.css and app.min.css to app-dark.min.css
in the app/Views/partials/head-css.php and make sure to update the public/assets/js/app.js has initSettings() function which you need to comment out. Because it will set to default the light version.


You can simply change layout mode to Dark by doing the below changes in the file /partials/body.php. Simply set the attribute data-bs-theme="dark" to the body tag. It will update the layout mode to Dark mode. No need to change any css or js files. <⁢body data-bs-theme="dark" data-sidebar="dark">


You can simply change layout mode to Dark by doing the below changes in the file /index.html. Simply set the attribute data-bs-theme="dark" to the body tag. It will update the layout mode to Dark mode. No need to change any css or js files. <⁢body data-bs-theme="dark" data-sidebar="dark">

Attribute Value
data-bs-theme
<!doctype html>
<html lang="en" data-bs-theme="dark"">

Light Mode Setting


To have Light mode enabled, replace the reference of bootstrap-dark.min.css stylesheet file to bootstrap.min.css and app-dark.min.css to app.min.css
in the app/Views/partials/head-css.php and make sure to update the public/assets/js/app.js has initSettings() function which you need to comment out. Because it will set to default the light version.


You can simply change layout mode to Dark by doing the below changes in the file /partials/body.php. Simply set the attribute data-bs-theme="light" to the body tag. It will update the layout mode to Dark mode. No need to change any css or js files. <⁢body data-bs-theme="light" data-sidebar="light">


You can simply change layout mode to Dark by doing the below changes in the file /index.html. Simply set the attribute data-bs-theme="light" to the body tag. It will update the layout mode to Dark mode. No need to change any css or js files. <⁢body data-bs-theme="light" data-sidebar="light">

Attribute Value
data-bs-theme
<!doctype html>
<html lang="en" data-bs-theme="light">
© Skote.