--- import Head from "@components/_head.astro"; import Footer from "@components/dashboard/_footer.astro"; import Topbar from "@components/dashboard/_topbar.astro"; import Sidenav from "@components/dashboard/_sidenav.astro"; import Scripts from "@components/_scripts.astro"; import ColorMode from "@components/docs/color-mode.mdx"; const title = "Color Mode | AdminLTE 4"; const path = "../../../dist"; const mainPage = "docs"; const page = "color-mode"; ---

Color Mode Toggle

  1. Docs
  2. Color Mode
Tips

Color modes in Bootstrap allow you to switch between light and dark modes. You can do this using the data-bs-theme attribute. You can also create your own custom color modes.