fluidd

1
import { Icons } from '@/globals'
2
import Vue from 'vue'
3
import Vuetify from 'vuetify/lib'
4
import { Ripple } from 'vuetify/lib/directives'
5
import colors from 'vuetify/lib/util/colors'
6

7
Vue.use(Vuetify, {
8
  directives: { Ripple }
9
})
10

11
export default new Vuetify({
12
  breakpoint: {
13
    mobileBreakpoint: 'xs'
14
  },
15
  icons: {
16
    iconfont: 'mdiSvg',
17
    values: Icons
18
  },
19
  theme: {
20
    dark: true,
21
    options: {
22
      customProperties: true
23
    },
24
    themes: {
25
      dark: {
26
        primary: '#2196F3',
27
        'primary-offset': '#2E75AE',
28
        secondary: '#888888', // colors.grey.darken1,
29
        'card-heading': '#333337',
30
        btncolor: '#4A4A4F',
31
        drawer: '#28282B',
32
        appbar: '#1E1E20',
33
        logo: '#2196F3'
34
      },
35
      light: {
36
        primary: '#2196F3',
37
        'primary-offset': '#2E75AE',
38
        secondary: colors.grey.lighten1,
39
        'card-heading': '#E9E9E9',
40
        btncolor: '#E9E9E9',
41
        drawer: '#F4F4F4',
42
        appbar: '#FFFFFF',
43
        logo: '#2196F3'
44
      }
45
    }
46
  }
47
})
48