How to use the vuetify/es5/util/colors.indigo function in vuetify

To help you get started, we’ve selected a few vuetify examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github autoai-org / AID / dashboard / src / main.js View on Github external
Vue.use(Vuetify)
Vue.use(TreeView)
Vue.use(VueTour)

Vue.config.productionTip = false

Vue.use(Vuetify, {
  lang: {
    locales: { en, zhHans, de },
    current: 'zhHans'
  },
  theme: {
    primary: colors.indigo.darken1,
    secondary: colors.red.lighten4,
    accent: colors.indigo.base
  }
})

/* eslint-disable no-new */
new Vue({
  i18n,
  el: '#app',
  router,
  store,
  components: { App },
  template: ''
})
github gpaulo00 / spring-demo / src / main / webapp / src / main.ts View on Github external
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
import colors from 'vuetify/es5/util/colors'

import App from './App.vue'
import router from './router'
import store from './store'

Vue.use(Vuetify, {
  theme: {
    accent: colors.pink.accent2,
    primary: colors.indigo.base,
  },
})
Vue.config.productionTip = false

// tslint:disable-next-line:no-unused-expression
new Vue({
  components: { App },
  el: '#app',
  router,
  store,
  template: '',
})
github autoai-org / AID / dashboard / src / main.js View on Github external
import i18n from '@/i18n'

Vue.use(Vuetify)
Vue.use(TreeView)
Vue.use(VueTour)

Vue.config.productionTip = false

Vue.use(Vuetify, {
  lang: {
    locales: { en, zhHans, de },
    current: 'zhHans'
  },
  theme: {
    primary: colors.indigo.darken1,
    secondary: colors.red.lighten4,
    accent: colors.indigo.base
  }
})

/* eslint-disable no-new */
new Vue({
  i18n,
  el: '#app',
  router,
  store,
  components: { App },
  template: ''
})
github Thomaash / me / src / theme.js View on Github external
secondary: colors.teal.lighten1,
  accent: colors.amber.darken1,
  error: colors.red.base,
  warning: colors.orange.base,
  info: colors.blue.base,
  success: colors.green.base
}
export { vuetify }

const items = {
  controller: colors.purple.base,
  dummy: colors.grey.darken4,
  edge: colors.cyan.base,
  host: colors.orange.base,
  port: colors.green.base,
  switch: colors.indigo.base
}
export { items }

const selection = {
  background: addAlpha(colors.teal.base, 0.25),
  border: addAlpha(colors.teal.base, 0.75)
}
export { selection }
github darosh / gridy-avatars / src / colors.js View on Github external
lighten2: material.grey.lighten3,
  lighten1: material.grey.lighten2,
}

const black = {
  darken1: material.grey.darken2,
  lighten2: material.grey.darken2,
  lighten1: material.grey.darken3,
}

const scale = [
  material.red,
  material.pink,
  material.purple,
  material.deepPurple,
  material.indigo,
  material.blue,
  material.lightBlue,
  material.cyan,
  material.teal,
  material.green,
  material.lightGreen,
  material.lime,
  material.yellow,
  material.amber,
  material.orange,
  material.deepOrange,
  white,
  black
]

const fills = {