How to change theme

Currently it support dark and light theme. Also auto for supported browser to automatically change it.

By default, it should set it to auto, you can manually update it to set it to either light or dark

Inside the Components folder, you should see a file name: App.razor. Open this file to change the setting.

Light Theme

<!DOCTYPE html>
<html lang="en" data-bs-theme="light">

Dark Theme

<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">

Auto

Controlled by user browser that support it.

<!DOCTYPE html>
<html lang="en" data-bs-theme="auto">
In this article