Use Bootstrap's color system to easily adjust your website's colors.
Hinode uses Bootstrap’s color system. You can adjust them in the
/config/_default/params.toml file in the
In addition, the background colors
white are available too. Below is an overview of the rendered colors.
Several components support background colors that are color-mode aware. These colors respond to changes when the active theme is adjusted, such as by changing from a light theme to a dark theme. You can apply this color by adding
bg-body-tertiary to the class of an HTML element.
Hinode defines additional classes to render links that contrast with their background. Simply add
link-bg-<color> to the class of an
<a> anchor element. The next example adds a link constrasting with the background color
Below grid illustrates the contrasting colors for each background.
The SCSS generator for the colored links is defined in