I optimized the color setup with a scss mixin (bootstrap 4 compatible):

$theme-colors: (“primary”: #efefef,
“secondary”: #000
);

@mixin gen-props($prefix, $postfix, $property) {

@each $color-name,
$color in $theme-colors {
.#{$prefix}-#{$color-name}-#{$postfix} {
#{$property}: $color
}
}
}

@include gen-props(‘has’, ‘color’, ‘color’);
@include gen-props(‘has’, ‘background-color’, ‘background’);