Как использовать цвета темы vuetify в пользовательском файле s css в активах - PullRequest
Новая
       5

Как использовать цвета темы vuetify в пользовательском файле s css в активах

0 голосов
/ 08 апреля 2020

Я определил пользовательские цвета в Nuxt + Vuetify: 

vuetify: {
    theme: {
         options: {customProperties: true},
         themes: {
              light: {
                   primary: {
                        lighten1: '#AFB5D1' //inactive icons
                   }
              }
         }
    }
}

Также добавлены элементы файла.s css в конфигурации nuxt css: ~assets/style/elements.scss, где я хочу использовать цвет primary-lighten . 

.separator {
     color: var(--v-primary-lighten1);
}

Я ожидаю увидеть цвет #AFB5D1 на моей странице для элемента, отмеченного разделителем классов. В chrome класс инспектора выглядит правильно, но цвет не проанализирован, а цвет не применяется. Что я делаю не так?

...