感謝 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