vuetifyで色を使用する方法

Question

色をインポートすることができるので、JSで深紫色のlighten-4を使用できることはわかっていますが、実際には下のVuetifyのテーマのセクションでどうしたらいいですか？ Vue.use(colors)を追加する必要がありますか？ docsから

import Vue from 'vue' 
import Vuetify from 'vuetify' 
import 'vuetify/dist/vuetify.css' 
import colors from 'vuetify/es5/util/colors' 

import App from './App' 
import router from './router' 

Vue.use(Vuetify, { theme: { 
    primary: '#ee44aa', 
    secondary: '#424242', 
    accent: '#82B1FF', 
    error: '#FF5252', 
    info: '#2196F3', 
    success: '#4CAF50', 
    warning: '#FFC107' 
}}) 

Vue.config.productionTip = false 

/* eslint-disable no-new */ 
new Vue({ 
    el: '#app', 
    router, 
    render: h => h(App) 
}) 

Answer 1

：あなたがテーマのオブジェクトの内部で指定されていない

import Vue from 'vue' 
import Vuetify from 'vuetify' 
import colors from 'vuetify/es5/util/colors' 

Vue.use(Vuetify, { 
    theme: { 
    primary: colors.blue.darken4, 
    secondary: colors.amber.lighten2 
    } 
}) 

任意のテーマカラーはただのVueでそのデフォルト値を与えています。