如何使用variable.scss更改引导程序中主按钮的颜色？
sgr*_*lon 4 sass twitter-bootstrap
我使用一个variable.scss文件来自定义我的按钮。我的问题是NOT USE CSS but SCSS ONLY。
我从更改原色 (#66cccc) 和字体 (RobotoSlab) 开始：
$primary: #66cccc;
$font-family-base: RobotoSlab;
但我想要白色的文字（见屏幕截图）但我的字体是黑色的
bootstrap 根据原色计算黑色/白色（如果它很暗或很亮）
你是对的，引导程序根据背景颜色定义文本颜色并使文本变亮或变暗。但是可以配置。
如果深入挖掘，您会看到 Bootstrap 使用函数color-yiq( source ) 来确定文本应该是深色还是浅色。所以基本上你需要两件事来获得按钮的白色文本：
- 调整值
$yiq-contrasted-threshold - 确保
$yiq-text-light等于白色（默认情况下它是真的，所以你可能不需要担心）
- 在 bootstrap 5 中，这些变量已重命名：`$yiq-contrasted-threshold` 重命名为 `$min-contrast-ratio`，`$yiq-text-dark` 和 `$yiq-text-light` 分别重命名为`$color-contrast-dark` 和 `$color-contrast-light`。它们的含义也略有不同：请参阅https://getbootstrap.com/docs/5.0/migration/#sass (2认同)
| 归档时间： |
|
| 查看次数： |
1221 次 |
| 最近记录： |