Bulma-Css-Vars is not included in Buefy, you have to install it.
Also make sure you use Bulma
v0.8 or higher and
sass instead of
This creates an initial config file
bulma-css-vars.config.js, where you can declare the variables you want to modify. Each additional variable will increase the size of your css.
Finally, you have to reference the
main.scss file in your compilation, preferably in your entry Vue component:
You have to run bulma-css-vars every time you change the config. Add this script to your
package.json to simplify this:
Read more in the bulma-css-vars documentation.