Как изменить primary цвет в Vuetify?

Question

[asd dsa]

Хочу изменить primary цвет во Vuetify при фокусе инпутов и дропдауне (выбор количества элементов в таблице). Цвет меняется, но после перезагрузки опять становиться стандартным primary. Хочу поменять в этих класах:

.search {
  color: #00b5c1 !Important; // change primary color
}
.primary--text {
    color: #00b5c1 !Important; //change primary color for rows per page color
}
.option {
  padding-right: 100px;
  color: #00b5c1 !Important; // change primary color
}

codepen

Comments

[Evgeny Kulakov]

Если это primary цвет для всего приложения, то лучше его задать как опцию: https://codepen.io/kerf/pen/WNedXEz

Answer 1

[Viktor_Dav]

Документация

These values will also be made available on the instance $vuetify object under the theme property. This allows you to dynamically modify your theme. Behind the scenes, Vuetify will regenerate and update your theme classes, seamlessly updating your application.

// Light theme
this.$vuetify.theme.themes.light.primary = '#4caf50'