Javascript 更改Vuetify时间线的颜色

Javascript 更改Vuetify时间线的颜色,javascript,css,vue.js,vuetify.js,timeline,Javascript,Css,Vue.js,Vuetify.js,Timeline,我需要改变这条线的颜色。现在是灰色的,怎么改成红色 <template> <v-timeline> <v-timeline-item>timeline item</v-timeline-item> <v-timeline-item class="text-right">timeline item</v-timeline-item> <v-timeline-item>timeli

我需要改变这条线的颜色。现在是灰色的,怎么改成红色

    <template>
  <v-timeline>
    <v-timeline-item>timeline item</v-timeline-item>
    <v-timeline-item class="text-right">timeline item</v-timeline-item>
    <v-timeline-item>timeline item</v-timeline-item>
  </v-timeline>
</template>

时间线项目
时间线项目
时间线项目

您可以应用下面的css。根据主题,您可以更改
。主题--light

.theme--light.v-timeline:before {
    background: red;
}

您需要编辑CSS:
.v-timeline:before{background color:red;}