Need help with element-theme?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ElementUI
453 Stars 129 Forks MIT License 53 Commits 62 Opened issues

Description

Theme generator cli tool for Element.

Services available

!
?

Need anything else?

Contributors list

element-theme

Build Status npm

Theme generator cli tool for Element.

The current version is compatible with [email protected] For [email protected], please check out the legacy branch.

Installation

install local or global

shell
npm i element-theme -D

install

theme-chalk
```shell npm i element-theme-chalk -D

or from github

npm i https://github.com/ElementUI/theme-chalk -D ```

CLI

# init variables file
et --init [file path]

watch then build

et --watch [--config variable file path] [--out theme path]

build

et [--config variable file path] [--out theme path] [--minimize]

Node API

var et = require('element-theme')

// watch mode et.watch({ config: 'variables/path', out: 'output/path' })

// build et.run({ config: 'variables/path', out: 'output/path', minimize: true })

Options

config

Variable file path, default

./element-variables.css
.

out

Theme output path, default

./theme
.

minimize

Compressed file.

browsers

set browsers, default

['ie > 9', 'last 2 versions']
.

watch

watch variable file changes then build.

components

A lists of components that you want to generate themes for. All by default.

Config

You can configure some options in

element-theme
by putting it in package.json:
json
{
  "element-theme": {
    "browsers": ["ie > 9", "last 2 versions"],
    "out": "./theme",
    "config": "./element-variables.css",
    "theme": "element-theme-chalk",
    "minimize": false,
    "components": ["button", "input"]
  }
}

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.