Light & Dark

FabKin offers an intuitive solution for implementing Light and Dark modes, combining ease of use with clean, efficient code for a seamless user experience. It can be quick change to dark mode or light mode by simply changing the data-bs-theme attribute in the Admin/src/partials/main.html file.

Light Mode:

To display content in light mode, you can use the data-bs-theme="light" attribute. This typically results in a theme with a light background and dark text, which is the default for most websites.

data-bs-theme="light"

Dark Mode

To display content in dark mode, you can use the data-bs-theme="dark" attribute. This usually results in a theme with a dark background and light text, which is easier on the eyes in low-light conditions.

data-bs-theme="dark"