How to use the vuetify/es5/util/colors.deepPurple 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 chanlito / untitled / client / plugins / vuetify.ts View on Github external
} else {
    // by now on client side, we should be able to access apolloProvider
    const apolloClient = app.apolloProvider!.defaultClient;
    const { theme } = (await apolloClient.cache.readQuery({
      query: THEME,
    })) as Query;
    dark = theme.variant === 'DARK';
  }

  // eslint-disable-next-line require-atomic-updates
  app.vuetify = new Vuetify({
    theme: {
      dark,
      themes: {
        light: {
          primary: colors.deepPurple.base,
          accent: colors.deepPurple.base,
          error: colors.red.base,
        },
        dark: {
          primary: colors.grey.darken3,
          accent: colors.orange.base,
          error: colors.red.base,
        },
      },
    },
  });
}
github chanlito / untitled / client / plugins / vuetify.ts View on Github external
// by now on client side, we should be able to access apolloProvider
    const apolloClient = app.apolloProvider!.defaultClient;
    const { theme } = (await apolloClient.cache.readQuery({
      query: THEME,
    })) as Query;
    dark = theme.variant === 'DARK';
  }

  // eslint-disable-next-line require-atomic-updates
  app.vuetify = new Vuetify({
    theme: {
      dark,
      themes: {
        light: {
          primary: colors.deepPurple.base,
          accent: colors.deepPurple.base,
          error: colors.red.base,
        },
        dark: {
          primary: colors.grey.darken3,
          accent: colors.orange.base,
          error: colors.red.base,
        },
      },
    },
  });
}
github darosh / gridy-avatars / src / colors.js View on Github external
darken1: material.grey.lighten2,
  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
]