Hi there, I'm having an issue with Bootstrap and Sass when trying to add new colors to my theme map.
Can anyone help me figure out what I might be doing wrong?
Thank you in advance.
I've been attempting to include a new color in the theme-color of Bootstrap framework (v5.2) for my Symfony 6.2 application.
While it's successful with buttons (.btn-mycolor), it isn't working with background or text (.bg-mycolor, .text-mycolor)....
This is my app.scss :
@import "~bootstrap/scss/bootstrap";
@import "custom";
@import "~bootstrap/scss/bootstrap";
Here's my custom.scss:
$custom-theme-colors: (
"mycolor": #006A4E
);
$theme-colors: map-merge($theme-colors, $custom-theme-colors);
$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
$utilities-colors: $theme-colors-rgb;
$utilities-text: $utilities-colors;
$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text");
$utilities-bg: $utilities-colors;
$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg");
$utilities-border: $utilities-colors;
$utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border");