maple-theme

vue directive for quick style setting.

Feature

vue directive v-theme instead of css for colors, backgrounds, borders or box-shadow.
theme or brightness switch by on function.
scss mixins for flexible using.

  $ npm install --save maple-theme

index.js:

import Vue from 'vue';
import MapleTheme from 'maple-theme';

Vue.use(MapleTheme);

app.vue:

<template>
    <div class="app"
         v-theme:background="15">
        <span v-theme:color="0">Maple Theme</span>
    </div>
</temlate>

For more information , See Guide.