fix vuetify theme for 2.0

This commit is contained in:
2019-10-01 16:31:31 -07:00
parent e73b95e127
commit 8f7aa8177d
2 changed files with 44 additions and 36 deletions

View File

@ -12,16 +12,20 @@ Vue.use(Vuetify)
const opts = { const opts = {
theme: { theme: {
primary: '#fdd02f', themes: {
keen_yellow: '#fddd04', light: {
keen_dark_grey: '#373737', primary: '#fdd02f',
keen_light_grey: '#bababa', keen_yellow: '#fddd04',
secondary: '#424242', keen_dark_grey: '#373737',
accent: '#82B1FF', keen_light_grey: '#bababa',
error: '#FF5252', secondary: '#424242',
info: '#2196F3', accent: '#82B1FF',
success: '#4CAF50', error: '#FF5252',
warning: '#FFC107' info: '#2196F3',
success: '#4CAF50',
warning: '#FFC107'
},
},
}, },
options: { options: {
customProperties: true customProperties: true

View File

@ -1,29 +1,33 @@
import Vue from 'vue' //
import Vuetify from 'vuetify/lib' // NOTE: appears to be unused. it's also out of date.
//
const opts = { // import Vue from 'vue'
theme: { // import Vuetify from 'vuetify/lib'
primary: '#fdd02f',
keen_yellow: '#fddd04',
keen_dark_grey: '#373737',
keen_light_grey: '#bababa',
secondary: '#424242',
accent: '#82B1FF',
error: '#FF5252',
info: '#2196F3',
success: '#4CAF50',
warning: '#FFC107'
},
options: {
customProperties: true
},
icons: {
iconfont: 'md',
},
}
Vue.use(Vuetify) // const opts = {
// theme: {
// primary: '#fdd02f',
// keen_yellow: '#fddd04',
// keen_dark_grey: '#373737',
// keen_light_grey: '#bababa',
// secondary: '#424242',
// accent: '#82B1FF',
// error: '#FF5252',
// info: '#2196F3',
// success: '#4CAF50',
// warning: '#FFC107'
// },
// options: {
// customProperties: true
// },
// icons: {
// iconfont: 'md',
// },
// }
new Vue({ // Vue.use(Vuetify)
vuetify: new Vuetify(opts)
}).$mount('#app') // new Vue({
// vuetify: new Vuetify(opts)
// }).$mount('#app')