Bootstrap

Soooooon…

Oh, and we have new colors! First, there are more named colors in here—like violet, amber, lime, brown, and pewter. And there are more tints and shades—025, 050, 950, and 975 values are here for every color.

These theme modifiers are generated from the new theme colors map we've been building. Looks a little wild, but the use of CSS's `light-dark()` color function makes these also immediately adaptive to OS color modes.

Goal of this is one set of modifier classes instead of a set for alert, badge, button, list group, table, etc. Each component could then choose how to respond to theme colors. For example, the button and badge style variants shown in previous post.

Lots of happenings lately for v6's development! One new idea is to move from component-specific modifiers to global ones. Take this example—use `.theme-primary` on all components, or on a parent, and even override where needed. Also, spot the new button variants? 👀

👀 github.com/twbs/bootstrap/pu… youtube.com/watch?v=araU0fZj…

💅🏻 Just dropped a new release for Bootstrap Icons with 100 new icons, including brands like X (ugh) and Threads, new person icons, floppy disks (finally, I know!), new emoji, and tons more. blog.getbootstrap.com/2022/1…

🎨 These also will come with new link utilities for link opacity, underline color, and underline offset. All of which also mix with our newly updated colored link helpers. twbs-bootstrap.netlify.app/d…

🎉 Coming soon in our next v5.3.0 pre-release, icon links! They’re a new helper to quickly align a Bootstrap Icon (or any other icon) with your text. twbs-bootstrap.netlify.app/d…

Closing out the year with a big new release, v5.3.0-alpha1! Get your hands on the pre-release with color modes, expanded color palette, new utilities, and more! blog.getbootstrap.com/2022/1… Wishing everyone an amazing holiday break and a Happy New Year! Catch y’all in 2023 🎉🥂💜