npm install view-ui@3

import app from 'vue'
import tabs from 'view-ui/tabs.vue'
import button from 'view-ui/button.vue'
import theme from 'view-ui/theme.js'

app.use(tabs);
app.use(button);

theme.use('black'); // 必须先添加组件，后定义主题，否则初始状态下无法获取动态样式

{
  style({ main }) {
    return `
      .v-bubble-content{
         color: #fff;
         background-color: var(--main-background) !important;
      }
      .v-bubble-arrow-right:after{
         border-right-color: var(--main-background) !important;
      }
      .v-bubble-arrow-left:after{
         border-left-color: var(--main-background) !important;
      }
      .v-bubble-arrow-top:after{
         border-top-color: var(--main-background) !important;
      }
      .v-bubble-arrow-bottom:after{
         border-bottom-color: var(--main-background) !important;
      }
    `;
  }
}