Dark Mode Setting

You can simply change layout mode to Dark by doing the below changes in the file Views/Shared/Layout.cshtml.

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
<Body 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 Views/Shared/Layout.cshtml.

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
<Body lang="en" data-bs-theme="light">
© Skote.