@kr_ilya

Как правильно изменять дефолтные стили (тему) vuetify?

Не получается изменить стандартные стили vuetify

Vue.use(Vuetify, {
  theme: {
    dark: true,
    themes: {
      dark: {
        primary: '#1976D2',
        secondary: '#22263a',
        accent: '#82B1FF',
        error: '#FF5252',
        info: '#2196F3',
        success: '#4CAF50',
        warning: '#FFC107'
      }
    },
    options: {
      minifyTheme: function (css) {
        return process.env.NODE_ENV === 'production'
          ? css.replace(/[\r\n|\r|\n]/g, '')
          : css
      },
  }
})


<v-app-bar
    color="secondary"
    dark
  >

У данного элемента цвет фона должен быть #22263a, т.е тот, что указан в themes.dark.secondary
НО присваивается вот этот
5dd6c5dde7f9d445170783.png

В чем может быть проблема, как её решать? Какую дополнительную информацию предоставить, пишите.
  • Вопрос задан
  • 350 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы