J'essaie actuellement de créer un système de conception multi-thème basé sur bulma. Mais je travaille actuellement sur l'ajout d'un système multi-thème.

J'ai ajouté ceci à mon fichier scss customstyle mais cela ne semble pas fonctionner

@charset "utf-8";


:root {
    --primary: red;
    --secondary: #068295;
}

body[class="light"] {
    --primary: #F7A800;
    --secondary: #068295;
}

body[class="dark"] {
    --primary: blue;
    --secondary: #068295;
}

$primary: var(--primary); // this works 
$background: blue;
$text-strong: red;

$secondary: #8BC91D; // this works but without theming
// $secondary: var(--secondary); // this doesn't work 
$secondary-invert: findColorInvert($secondary) !default;

$custom-colors: (
    "secondary":($secondary, $secondary-invert),
);

@import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/base/_all.sass";
@import "../node_modules/bulma/sass/elements/button.sass";

Quand j'exécute la commande node sass pour générer un fichier CSS Je peux voir l'attribut is-secondary généré lorsque je n'utilise pas la variable, mais lorsque j'utilise la variable pour définir ma variable $secondary, l'attribut is-secondary n'est pas généré