loading

BS5 Dark Mode

Dark Mode

The background color of bootstrap pages is white, or light, by default.

You can add data-bs-theme=”dark” to the <html> element to make the entire page a darker color:

Bs5 Dark Mode -

Dark Mode For Components

You can add the data-bs-theme=”dark” attribute to a particular component if you only want that component to have a darker hue rather than the entire page.

Add dark mode to a table, for instance:

Example

Bs5 Dark Mode -

Example

				
					<table class="table" data-bs-theme="dark">
				
			

Alter a dropdown menu to include dark mode, for instance:

Example

==== Example mukavu ====

Example

				
					<div class="dropdown" data-bs-theme="dark">
				
			
Share this Doc

BS5 Dark Mode

Or copy link

Explore Topic