修改主题

77 阅读1分钟

// css: {
  //   // 是否使用css分离插件 ExtractTextPlugin
  //   extract: true,
  //   // 开启 CSS source maps?
  //   sourceMap: false,
  //   // css预设器配置项
  //   loaderOptions: {},
  //   // 启用 CSS modules for all css / pre-processor files.
  //   // requireModuleExtension: true,
  //   modules: true
  // },
  
// var path = require("path")
// var gulp = require("gulp");
// var cleanCss = require("gulp-clean-css")
// var cssWrap = require("gulp-css-wrap")
// gulp.task("css-wrap",function(){
//   return gulp.src(path.resolve("./theme/index.css"))
//     /*找需要添加命名空间的css文件,支持正则表达式*/
//     .pipe(cssWrap({
//       selector: ".custom-light" /*添加的命名空间*/
//     }))
//     .pipe(cleanCss())
//     .pipe(gulp.dest("src/assets/theme/light")) /*存放的目录*/
// })



// import "../theme/index.css"
// import "./assets/theme/light/index.css" // element-ui样式 浅色模式

// 插件版本
    "gulp": "^4.0.2",
    "gulp-clean-css": "^4.3.0",
    "gulp-css-wrap": "^0.1.2",
    "@element-plus/icons": "0.0.11",
	

"babel-plugin-component": "^1.1.1",
import '../element-variables.scss'

/* 改变主题色变量 */
$--color-primary: #00B9AD;
$--color-success: #05AA65;
$--color-warning: #FF9227;
$--color-danger: #F64346;
//$--color-info: #21DEAC;
$--color-info: #ffffff;
//$--color-info: #252735;
$--color-text-primary: #202021;
//$--color-text-secondary: #606266;
/* 菜单箭头/表格表头/tab页标题 */
$--color-text-secondary: #ffffff;
$--background-color-base: #007A77;

// 与CSS原生变量映射
#app {
  --Main:#00B9AD;
  --test:#FF9227;
}

/* 改变 icon 字体路径变量,必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";