element-plus/packages/theme-chalk
MoConWu 5ee184fdfd
feat(theme-chalk): css var for empty & rate (#5359)
* 更新var.scss,提取empty的fill-color

将fill的color提取出来,作为变量,方便后续修改,修改如下:
    'fill-color-0': var(--el-color-white),
    'fill-color-1': #FCFCFD,
    'fill-color-2': #F8F9FB,
    'fill-color-3': #F7F8FC,
    'fill-color-4': #EEEFF3,
    'fill-color-5': #EDEEF2,
    'fill-color-6': #E9EBEF,
    'fill-color-7': #E5E7E9,
    'fill-color-8': #E0E3E9,
    'fill-color-9': #D5D7DE,

* 修改Empty的fillcolor作为变量引用,方便后续的色彩搭配更改

修改Empty的fillcolor作为变量引用,方便后续的色彩搭配更改

* 修改rate下的配色提取到变量里

修改rate下的配色提取到变量里,提取如下:
    'void-color': #c6d1de,
    'rate-color': #F7BA2A,

* 提取rate的色彩作为变量

提取rate的色彩作为变量

* 修改rate的色彩变量

修改和提取rate变量为:
    'void-color': #c6d1de,
    'star-color': #F7BA2A,
    'disable-void-color': #EFF2F7,
    'text-color': #1f2d3d,

* replace space to enter

替換空格为回车

* lint change

lint change

* Missing Pretty error

color 颜色小写

* Add CustomStyles infomation

Add CustomStyles infomation

* Change CustomStyles

Change CustomStyles

* Add CustomStyles

Add CustomStyles

* Change rate to empty

Change rate to empty

* Modify CustomStyles after Bottom content

Modify CustomStyles after Bottom content

* Change Custom styles

Change Custom styles

* feat: format rate.md
2022-01-26 02:10:19 +08:00
..
src feat(theme-chalk): css var for empty & rate (#5359) 2022-01-26 02:10:19 +08:00
.gitignore feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
gulpfile.ts chore(docs): fix buildThemeChalk comment (#5426) 2022-01-17 15:43:07 +08:00
package.json chore(deps): update dependency gulp-sass to v5.1.0 (#5066) 2021-12-31 10:44:22 +08:00
README.md feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
tsconfig.json chore(build): remove useless dependencies & use ts for gulp & add progressbar (#2792) 2021-08-03 09:12:34 +08:00

element-theme-chalk

element component chalk theme.

Installation

npm i element-plus

Usage

Use Sass import

@use 'element-plus/lib/theme-chalk/index.scss';

Or Use vite/webpack

import 'element-plus/lib/theme-chalk/index.css'

Or

<link
  rel="stylesheet"
  href="https://unpkg.com/element-plus/lib/theme-chalk/index.css"
/>

Import on demand

import 'element-plus/lib/theme-chalk/input.css'
import 'element-plus/lib/theme-chalk/select.css'

// ...