What's new in v2
hugolify-theme is now framework-agnostic. CSS and JavaScript are no longer bundled inside the theme — they are provided by a separate styling module declared explicitly in your site config.
This makes it possible to swap the entire CSS/JS layer (Bootstrap, Design System, Tailwind…) without touching the theme templates.
Official styling modules
| Module | CSS | JS |
|---|---|---|
| hugolify-theme-bootstrap | Bootstrap 5 + SASS | Bootstrap 5 + Vanilla JS |
| hugolify-theme-design-system (wip) | Vanilla CSS + Tokens | Vanilla JS |
Upgrading from v1
1. Update your import path
In config/_default/module.yaml:
imports:
- path: github.com/hugolify/hugolify-theme/v2
- path: github.com/hugolify/hugolify-theme-bootstrap 2. Breaking changes
| What | v1 | v2 |
|---|---|---|
| JS hooks | data-bs-toggle / data-bs-target |
class="js-*" + data-target |
| Grid columns | col-md-* |
col-small, col-medium, col-large, col-xsmall |
| Badge states | text-bg-* |
badge-* |