как добавить цвет текста в bootstrap

Question

Использование bootstrap 4.

Я знаю, что можно переопределить цвет bootstrap с помощью файла переменных и импортировать его до bootstrap тем:

Я создал следующее

$theme-colors: (
  'primary': #3892e5,
  'secondary': #27313b,
  'white': #fff,
  'success': #40b87c,
  'info': #3892e5,
  'warning': #ffb63d,
  'danger': #ff5f5f,
  'light': #f6f8fa,
  'border': #dee5ec,
  'customColor': #6e7c89,
  'dark': #25313c,
  'transparent': transparent,
);

Но это меняет цвет bg-primary, bg-customColor ...

КАК мне изменить цвет по умолчанию text-primary text-customColor?

Не работает. единственное решение для нацеливания всего текста c конкретно в css?

Answer 1

Я не знаю, как выглядит ваша установка, но у меня она работает.

Обычно у меня есть папка тем, которая содержит все темы, которые я создал для сайта:

Вот где я могу переопределить переменные по умолчанию. Я просто скопировал то, что вы опубликовали.

$theme-colors: ( 
    'primary': #3892e5, 
    'secondary': #27313b, 
    'white': #fff, 
    'success': #40b87c, 
    'info': #3892e5, 
    'warning': #ffb63d, 
    'danger': #ff5f5f, 
    'light': #f6f8fa, 
    'border': #dee5ec, 
    'customColor': #6e7c89, 
    'dark': #25313c, 
    'transparent': transparent
);

И в другом файле sass, который я собираюсь использовать в качестве глобального стиля для всего сайта (я назвал его bootstrap-custom.scss), я просто импортирую тему, а затем bootstrap импорт (обязательный или необязательный):

После повторной компиляции этого файла s css он работает: