Тематическая Bootstrap для изменения активного цвета ввода формы

Question

Я бы хотел изменить активный цвет входных компонентов в начальной загрузке, используя переменные Sass.

Я добавил свои цвета к цветам темы карты.Но, похоже, что в некоторых случаях начальная загрузка игнорирует основной цвет, заданный в цветах темы, и использует основной синий цвет по умолчанию

twitter-bootstrap 4.3.1

$spanish_green: #009150';
$theme-colors: (
  "primary": $spanish_green,
  "secondary":  $purple,
  "warning": $yellow,
);

$component-active-bg: theme-color("primary");

//  _variables.scss from node_modules/bootstrap/scss
//$input-focus-border-color: lighten($component-active-bg, 25%) !default;

@debug "Primary color : '#{theme-color("primary")}'."
prints... #009150
@debug "Color of component-active-bg:' #{$component-active-bg:}'."; // prints ...#009150'
@debug "Color of input-focus-border-color:' #{$input-focus-border-color:}'."; 
prints ... #80bdff // the primary bootstrap default color

Iожидаем, что переменная input-focus-border-color будет использовать значение, установленное для $ component-active-bg, которое представляет собой цвет темы ("primary"), вместо синей начальной загрузки по умолчанию

Спасибо заВаша помощь и отзывы.