Dark Mode Setting

You can simply change layout mode to Dark by doing the below changes in the file templates/layouts/_main.html.twig.

Simply set the attribute data-bs-theme="dark" to the html tag. It will update the layout mode to Dark mode. No need to change any css or js files.

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

Light Mode Setting

You can simply change layout mode to Light by doing the below changes in the file templates/layouts/_main.html.twig.

Simply set the attribute data-bs-theme="light" to the html tag. It will update the layout mode to Light mode. No need to change any css or js files.

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