J'ai un problème avec Bootstrap CSS (v5.2) pour ajouter une couleur au color map dans mon application Symfony (v6.2).
J'essaie d'ajouter une couleur à 'theme-color' est de mettre à jour tous les utilities afin que cette couleur soit utilisable avec toutes les classes html correspondant. Voici mon code :
Dans app.scss :
@import "~bootstrap/scss/bootstrap";
@import "custom";
@import "~bootstrap/scss/bootstrap";
Dans 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");
Ceci marche avec les boutons (.btn-mycolor) mais pas avec le texte ou les arrière plans (.text-mycolor ou bg-mycolor).
Où est-ce que je me trompe ? Quelqu'un aurait-il une solution à me proposer ?
Merci d'avance !