@croud-ui/vuetify-theme
v0.2.0
Published
Croud control vuetify theme and stylus overrides built using the [@croud-ui/tokens](../tokens/README.md) package.
Downloads
37
Readme
@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