Как изменить цвет основной кнопки в начальной загрузке с помощью variable.scss?

Question

Я использую файл variable.scss, чтобы настроить свою кнопку.У меня вопрос НЕ ИСПОЛЬЗУЙТЕ CSS, а ТОЛЬКО SCSS .

Я начинаю с изменения основного цвета (# 66cccc) и шрифта (RobotoSlab):

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

но я хочубелый цвет текста (см. скриншот), но мой шрифт черный

bootstrap вычисляет черный / белый цвет в соответствии с основным цветом (если он довольнотемный или светлый)

Answer 1

Вы правы, что bootstrap определяет цвет текста на основе цвета фона и делает текст светлым или темным.Но его можно настроить.

Если копать глубже, вы увидите, что Bootstrap использует функцию color-yiq ( source ), чтобы определить, должен ли текст быть темным или светлым.Таким образом, в основном вам нужны две вещи, чтобы получить белый текст для кнопок:

• отрегулируйте значение $yiq-contrasted-threshold
• , убедитесь, что $yiq-text-light равно белому цвету (по умолчанию это правда, поэтомувероятно, вам не нужно беспокоиться об этом)