Thanks to assets/main/scss/_variables.scss, we have the ability to change the default SCSS variables of theme and Bootstrap.
Why SCSS Variables?#
Although we can override the CSS via assets/main/scss/_custom.scss, but this will eventually increase the size of CSS bundle, however the SCSS variable does not.
Bootstrap SCSS Variables#
You can find the Bootstrap built-in SCSS variables from source code and official documentations.
Theme SCSS Variables#
Palettes#
| Palette | Variable |
|---|---|
| Blue | $palette-blue |
| Blue Gray | $palette-blue-gray |
| Brown | $palette-brown |
| Cyan | $palette-cyan |
| Green | $palette-green |
| Indigo | $palette-indigo |
| Orange | $palette-orange |
| Pink | $palette-pink |
| Purple | $palette-purple |
| Red | $palette-red |
| Teal | $palette-teal |
| Yello | $palette-yellow |
Comments