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 |
|
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 |
|