Saya sedang cuba membuat sistem reka bentuk pelbagai tema berdasarkan bulma. Tetapi saya sedang berusaha untuk menambah sistem berbilang tema.

Saya menambahkan ini pada fail scss gaya tersuai saya tetapi ia nampaknya tidak berfungsi

@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";

Apabila saya menjalankan arahan nod sass untuk menjana fail css Saya dapat melihat atribut is-secondary dijana apabila saya tidak menggunakan pembolehubah, tetapi apabila saya menggunakan pembolehubah untuk menentukan pembolehubah $secondary saya, atribut is-secondary tidak dihasilkan