Styles

Almost template components support a style parameter. But what is it and how it works? For a better understanding I did this guide:

Bootstrap Theme Colors

Primary
Success
Warning
Danger
Info
Secondary
Light
Dark


All Colors

Blue
Indigo
Purple
Pink
Red
Orange
Yellow
Gren
Teal
Cyan

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.

Templates support

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.