Back to React Bootstrap

Color modes

www/docs/getting-started/color-modes.mdx

2.10.10529 B
Original Source

import ColorMode from '!!raw-loader!../examples/ColorMode';

Color modes

Bootstrap v5.3 now supports color modes such as dark mode. Color modes can be toggled globally on the <html> element, or on specific components and elements, thanks to the data-bs-theme attribute.

Example

<CodeBlock language="jsx" live> {ColorMode} </CodeBlock>

Customizing

For more information on how colors modes work or how to customize colors, check out the <DocLink path="/customize/color-modes">Bootstrap color mode docs</DocLink>.