KLEON

##### Layouts Modes

The `class` can be used to toggle between light and dark modes in a web application. This approach is often used to enhance the user experience by providing an option to switch between different visual themes.

#### 1. Light Mode

To display content in light mode, you can use the `class="bg-light"` to the body tag. This typically results in a theme with a light background and dark text, which is the default for most websites.

`class="bg-light"`

#### 2. Dark Mode

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

`class="dark-mode"`