Bootstrap 5 Dark Mode
Dark Mode
By default, bootstrap pages have a white (light) background color.
If you want to change the whole page to a darker color, you can add data-bs-theme="dark" to the
<html> element:
Dark Mode For Components
If you don't want the whole page to have a darker color, but only specific components, you can add the data-bs-theme="dark" attribute to the specified component.
For example, add dark mode to a table:
Or for example, add dark mode to a dropdown menu: