r/mediawiki • u/JeroenDeDauw • 19h ago
Chameleon 6.0.0: the flexible MediaWiki skin moves to Bootstrap 5
We've released Chameleon 6.0.0.
Chameleon is a popular Bootstrap-based skin that gives you a customizable, mobile-friendly, and responsive layout.
Highlights:
- Upgraded from Bootstrap 4 to Bootstrap 5.3, obtained via Extension:Bootstrap 6. All Bootstrap 5 classes and utilities are available in wikitext and templates.
- Bootstrap 5 exposes its colors and many other values as CSS custom properties, so a lot of what used to need an SCSS recompile can now be done from `MediaWiki:Chameleon.css` with plain CSS.
- The bundled Font Awesome icon set moved from version 5 to 6.
Requirements went up: Chameleon 6 needs MediaWiki 1.43 or later, PHP 8.1 or later, and Extension:Bootstrap 6 or later.
Since Bootstrap 5 renames and removes a number of Bootstrap 4 classes and utilities, plan for some migration work if you use Bootstrap classes in wikitext, templates, or custom stylesheets, or if you customize the SCSS variables. The migration guide covers the class renames, the SCSS changes, and the Font Awesome update: https://github.com/ProfessionalWiki/chameleon/blob/master/docs/migration.md
The companion BootstrapComponents extension has also released version 6 with Bootstrap 5 support, so you can move both at the same time.
You can try Chameleon 6 and BootstrapComponents 6 together on our demo wiki: https://bootstrap.pro.wiki
Release announcement: https://professional.wiki/en/news/chameleon-6-0-0-released
Feedback and bug reports are welcome. Issue tracker: https://github.com/ProfessionalWiki/chameleon/issues


