twitter-bootstrap - 如何使用 variable.scss 在 Bootstrap 中更改主按钮的颜色？

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

我从更改原色(#66cccc)和字体(RobotoSlab)开始:

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

但我想要白色的文本(见屏幕截图)但我的字体是黑色的

bootstrap 根据原色计算黑/白颜色(如果它很暗或很亮)

最佳答案

你是对的， Bootstrap 根据背景颜色定义文本颜色并使文本变亮或变暗。但是可以配置。

如果深入挖掘，您会看到 Bootstrap 使用函数 color-yiq ( source ) 来确定文本应该是深色还是浅色。所以基本上你需要两件事来获得按钮的白色文本:

调整$yiq-contrasted-threshold的值

确保 $yiq-text-light等于白色(默认情况下它是真的，所以你可能不需要担心它)

关于twitter-bootstrap - 如何使用 variable.scss 在 Bootstrap 中更改主按钮的颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54629074/