@croud-ui/vuetify-theme v0.2.0

@croud-ui/vuetify-theme

Croud control vuetify theme and stylus overrides built using the @croud-ui/tokens package.

⚠️ Note: This package was built to be compatible with vuetify v1.5 - There is no intention to support later versions of vuetify (v2+) at this time.

Install

To apply our vuetify theme and overrides, you will need to install the npm package by running the following command in your vuetify project:

yarn add @croud-ui/vuetify-theme --dev

Usage

There are two steps that you will need to take to set up our vuetify theme.

Set vuetify config theme

First, import the default export from this package and map it to the theme property of the vuetify config:

import Vue from "vue";
import Vuetify from "vuetify";
import theme from "@croud-ui/vuetify-theme";

Vue.use(Vuetify, {
  theme,
  icons: {
    dashboards: "dashboard"
  },
  options: {
    customProperties: true
  }
});

Please refer to the vuetify docs for more information on this step.

Apply stylus overrides

Next, apply our stylus overrides by importing our overrides file into your main stylus file:

@require '~@croud-ui/vuetify-theme/src/main'

Please refer to the vuetify docs for more information on configuring this file.

License

Licensed under the MIT License