The stable version of Bootstrap v5.3.0 is officially released. The changes brought by the new version include:
-
Support dark mode
The core of Bootstrap has been rewritten to provide support for dark mode. Additionally, Bootstrap now supports any number of color schemes, allowing you to build your own custom themes or more subtle color schemes.
-
Themes that support custom color modes in addition to light and dark modes
When adding dark mode support to Bootstrap, the Bootstrap team didn't want to just add a dark mode, but instead wanted to lay the groundwork for a color mode system that could be used to create any number of themes and color modes.
To add a custom color mode, create your own
data-bs-theme
selector , use a custom value as the name of your color mode, then modify any Sass and CSS variables as needed. -
Extended palette for theme colors adapted to color mode
The new version has a revamped palette, including new Sass variables, CSS variables, and utilities for setting
color
, andbackground-color
.border-color
-
New linking aids and utilities
In the v5.3.0 version, the link style design has been greatly improved, and there are a series of new link helpers and tools. First, the new version adds some styling, and uses the new icon link helper to put icons (such as Bootstrap Icons) together with links.
-
New navigation underline
will
.nav-underline
be added.nav
to for a simpler bottom border under active navigation links.
More details can be viewed: https://blog.getbootstrap.com/2023/05/30/bootstrap-5-3-0/