Пользовательский вариант цвета текста в кнопках

Question

Я бы хотел изменить тему моего проекта bootstrap - vue. Я изменил основной и дополнительный цвет. Теперь фон моих кнопок настроен, но меня интересует цвет текста. Это просто остается белым. Я могу изменить его с помощью

.btn-primary,
.btn-primary:hover,
.btn-primary.disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle
{color:$myColorl;}

, но я подумал, что должен быть более простой и элегантный способ.

Answer 1

только что проверил это на codepen, и оно работает для меня:)

$myColorl: #000 !important;

.btn-primary{
   color:$myColorl;
}