感谢 assets/main/scss/_variables.scss,我们可以更改主题和 Bootstrap 的默认 SCSS 变量。

为什么选择 SCSS 变量?#

虽然我们可以通过 assets/main/scss/_custom.scss 覆盖 CSS,但这最终会增加 CSS 包的大小,但 SCSS 变量不会。

Bootstrap SCSS 变量#

您可以从源代码和官方文档 中找到 Bootstrap 内置的 SCSS 变量。

主题 SCSS 变量#

Palettes#

PaletteVariable
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