Almost template components support a style parameter. But what is it and how it works? For a better understanding I did this guide:
Those bunch of colors come from Bootstrap Color Schemes which have been extended to support all of them as native buttons, labels, cards, etc. It's possible to add yours own schemes extending theme via Grav inheritance and editing SCSS files.
Notice: primary=blue, success=green, warning=yellow and danger=red. Treat them as aliases.
By default some templates overwrite navbar style from page frontmatter header. But remember this behaviour can be disabled in theme options.
| Template/Feature | Description | All colors | Overwrite navbar |
|---|---|---|---|
| Blog | Page template or modular to display a collection of items | ||
| Navbar | Main navigation bar | ||
| Item | Blog collection elements | ||
| Features | List of highlighted services | ||
| Skills | Modular bars | ||
| Showcase | Header or banner | ||
| Footer | End of site |
On modular templates is possible set a style parameter to background section and children like skills or features as well item buttons.