September 27, 2022

Bringing Back Better Bootswatch!

A painter's palette with many coloured paints

This blog post is the second in a series of posts related to the release of NodeBB v3

Please see our other articles related to v3:

The NodeBB team has been working feverishly to bring the Persona theme up to date with Bootstrap 5, and part of that update is going through and resolving a lot of long-standing issues with the theme.

A particular pain-point has always been our Bootswatch theme integration, in that due to the way Persona was themed, the Bootswatch integration was not always 100% compatible. Occasionally, you would see flashes of white, or incorrect greys, in places where text colours or background colours were clearly chosen for a non-dark theme, causing a clash in styling.

With Boostrap 5 encouraging the liberal use of helper classes instead of stylesheets, we now had the opportunity here to update a lot of Persona’s LESS, which had built-up over the years. At the same time, we could evaluate whether our hardcoded colour decisions were in need of rewriting. Baris took it upon himself to go through all of the skins to make sure they were all compatible, and his dedication clearly shows!

Great job Baris!

An animation showing various Bootswatch skins selectable in NodeBB

Hint: This is actually a v3-compatible fork of Baris’ Peace theme, which will be released alongside v3 of NodeBB.

Notes

© 2014 – 2022 NodeBB, Inc. — Made in Canada.