How to use the vuetify/lib/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 / components / dashboard / src / plugins / vuetify.ts View on Github external
import Vue from 'vue';
import Vuetify from 'vuetify/lib';
import colors from 'vuetify/lib/util/colors'

Vue.use(Vuetify);

export default new Vuetify({
    theme: {
      themes: {
        dark: {
          primary: colors.lightBlue.darken4, // #E53935
          secondary: colors.shades.white, // #FFCDD2
          accent: colors.indigo.base, // #3F51B5
        },
      },
    },
  })
github mshossain110 / LaravelDrive / resources / assets / admin / src / vuetify.js View on Github external
theme: {
        dark: false,
        default: 'light',
        disable: false,
        options: {
            cspNonce: undefined,
            customProperties: undefined,
            minifyTheme: undefined,
            themeCache: undefined
        },
        themes: {
            light: {
                header: colors.indigo.darken1,
                nav: colors.grey.lighten4,
                footer: colors.indigo.lighten3,
                primary: colors.indigo,
                secondary: colors.indigo.darken3,
                accent: colors.indigo.accent1,
                error: colors.red.darken1,
                warning: colors.yellow.darken1,
                info: colors.blue.lighten5,
                success: colors.green.darken1
            },
            dark: {
                header: colors.indigo.darken4,
                nav: colors.indigo.darken2,
                footer: colors.indigo.lighten3,
                primary: colors.indigo.lighten5,
                secondary: colors.indigo.darken3,
                accent: colors.indigo.accent1,
                error: colors.red.darken1,
                warning: colors.yellow.darken1,
github mshossain110 / LaravelDrive / resources / assets / admin / src / vuetify.js View on Github external
},
        themes: {
            light: {
                header: colors.indigo.darken1,
                nav: colors.grey.lighten4,
                footer: colors.indigo.lighten3,
                primary: colors.indigo,
                secondary: colors.indigo.darken3,
                accent: colors.indigo.accent1,
                error: colors.red.darken1,
                warning: colors.yellow.darken1,
                info: colors.blue.lighten5,
                success: colors.green.darken1
            },
            dark: {
                header: colors.indigo.darken4,
                nav: colors.indigo.darken2,
                footer: colors.indigo.lighten3,
                primary: colors.indigo.lighten5,
                secondary: colors.indigo.darken3,
                accent: colors.indigo.accent1,
                error: colors.red.darken1,
                warning: colors.yellow.darken1,
                info: colors.blue.lighten5,
                success: colors.green.darken1
            }
        }
    }
});
github mshossain110 / LaravelDrive / resources / assets / admin / src / vuetify.js View on Github external
iconfont: 'mdi'
    },
    rtl: false,
    theme: {
        dark: false,
        default: 'light',
        disable: false,
        options: {
            cspNonce: undefined,
            customProperties: undefined,
            minifyTheme: undefined,
            themeCache: undefined
        },
        themes: {
            light: {
                header: colors.indigo.darken1,
                nav: colors.grey.lighten4,
                footer: colors.indigo.lighten3,
                primary: colors.indigo,
                secondary: colors.indigo.darken3,
                accent: colors.indigo.accent1,
                error: colors.red.darken1,
                warning: colors.yellow.darken1,
                info: colors.blue.lighten5,
                success: colors.green.darken1
            },
            dark: {
                header: colors.indigo.darken4,
                nav: colors.indigo.darken2,
                footer: colors.indigo.lighten3,
                primary: colors.indigo.lighten5,
                secondary: colors.indigo.darken3,
github mshossain110 / LaravelDrive / resources / assets / admin / src / vuetify.js View on Github external
rtl: false,
    theme: {
        dark: false,
        default: 'light',
        disable: false,
        options: {
            cspNonce: undefined,
            customProperties: undefined,
            minifyTheme: undefined,
            themeCache: undefined
        },
        themes: {
            light: {
                header: colors.indigo.darken1,
                nav: colors.grey.lighten4,
                footer: colors.indigo.lighten3,
                primary: colors.indigo,
                secondary: colors.indigo.darken3,
                accent: colors.indigo.accent1,
                error: colors.red.darken1,
                warning: colors.yellow.darken1,
                info: colors.blue.lighten5,
                success: colors.green.darken1
            },
            dark: {
                header: colors.indigo.darken4,
                nav: colors.indigo.darken2,
                footer: colors.indigo.lighten3,
                primary: colors.indigo.lighten5,
                secondary: colors.indigo.darken3,
                accent: colors.indigo.accent1,
                error: colors.red.darken1,