element plus手工编译css

1. nvm安装64位18版本    nvm install 18

2. 安装pnpm, npm i -g pnpm 

3. element-plus-2.8.6\packages\theme-chalk\src\common\var.scss

修改主题颜色

$colors: map.deep-merge(
  (
    'white': #ffffff,
    'black': #000000,
    'primary': (
      'base': #20A53A,
    ),
    'success': (
      'base': #67c23a,
    ),
    'warning': (
      'base': #e6a23c,
    ),
    'danger': (
      'base': #f56c6c,
    ),
    'error': (
      'base': #f56c6c,
    ),
    'info': (
      'base': #909399,
    ),
  ),
  $colors
);
4. 编译主题 pnpm build:theme
5. 编译后的结果 
element-plus-2.8.6\dist\element-plus\theme-chalk\index.css
 
posted @ 2024-10-22 17:27  lobtao  阅读(1)  评论(0编辑  收藏  举报