如何使用variable.scss更改引导程序中主按钮的颜色？

Question

我使用variable.scss文件来自定义我的按钮。我的问题是不使用CSS，而只能使用SCSS 。

我从更改原色（＃66cccc）和字体（RobotoSlab）开始：

$primary: #66cccc;
$font-family-base: RobotoSlab;

但是我想要白色的文本（请参阅screensot），但是我的字体是黑色的

bootstrap会根据原色（如果是深色或浅色）来计算黑白颜色

Answer 1

您是对的，引导程序会根据背景色定义文本颜色，并使文本为浅色或深色。但是可以配置。

如果要深入研究，您会看到Bootstrap使用函数color-yiq（source）来确定文本是暗还是亮。因此，基本上，您需要两件事来获取按钮的白色文本：

• 调整$yiq-contrasted-threshold的值
• 确保$yiq-text-light等于白色（默认情况下为真，所以您不必担心它）