Created by: o-alquimista
By following the current instructions I was unable to add new colors to the $theme-colors
variable. To make it work, I had to import variables first.
This won't work (as in "it doesn't result in the creation of bg-<color>
classes"):
@import "../node_modules/bootstrap/scss/functions";
$my-theme: (
"blackhole": #111111,
"onion": #59316b
);
$theme-colors: map-merge($theme-colors, $my-theme);
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
This will work:
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
$my-theme: (
"blackhole": #111111,
"onion": #59316b
);
$theme-colors: map-merge($theme-colors, $my-theme);
@import "../node_modules/bootstrap/scss/mixins";
I'm not very experienced with Sass, though. Maybe I did something wrong. Please check if you can reproduce this. I'm using Dart Sass 1.33.0.