CODEWITHSUNDEEP
javascriptcssvue.jsvuetify.jstimeline
Tom
Tom

Reputation: 6004

Change color of Vuetify Timeline line

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>

Upvotes: 2

Views: 2548

Answers (1)

Sumit Patel
Sumit Patel

Reputation: 4638

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

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

Codepen

Upvotes: 5

Related Questions