Change color of Vuetify Timeline line

Question

I need to change the color of the Vuetify Timeline line. Currently it's grey, how to change it to red?

    <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>

Answer 1

You can apply below css. Depend on theme you can change .theme--light.

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

Codepen