如何在bootstrapvue中更改主题颜色？

import { BButton } from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

// custom.scss

// 引入Bootstrap的变量文件
@import '~bootstrap/scss/_variables.scss';

// 自定义主题颜色
$primary: #ff0000; // 替换为你想要的颜色

// 编译Bootstrap
@import '~bootstrap/scss/bootstrap.scss';

<style lang="scss">
@import '@/path/to/custom.scss';
</style>

<template>
  <div>
    <b-button variant="primary">按钮</b-button>
  </div>
</template>