--- 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.