更改element-plus默认的文本颜色

1、新建element-plus-text-color.scss样式文件

/* 设置系统文本颜色 */
:root {
  /* 基础文本颜色 */
  // --el-text-color-primary: #303133; /* 主要文本颜色，默认为 #303133 */
  --el-text-color-regular: #555555; /* 常规文本颜色，默认为 #606266 */
  --el-text-color-secondary: #666666; /* 次要文本颜色，默认为 #909399 */
  // --el-text-color-placeholder: #a8abb2; /* 占位符文本颜色，默认为 #a8abb2 */
  // --el-text-color-disabled: #c0c4cc; /* 禁用文本颜色，默认为 #c0c4cc */
}

2、修改main.ts，导入样式文件 import "@/assets/element-plus-text-color.scss";

// 全局引入element-plus，对打包后的文件大小不是很在乎，那么使用全局导入会更方便
import ElementPlus from "element-plus";
// 全局引入element-plus的样式
import "element-plus/dist/index.css";
// 引入element-plus国际语言的中文，element-plus国际语言默认为英文
// import locale from 'element-plus/dist/locale/zh-cn.js' // 引入这个组件，还需额外处理无法找到模块的报错
import locale from "element-plus/es/locale/lang/zh-cn"; // 引入这个组件更简单

// 全局引入自定义样式，全局更改element-plus的文本颜色（通过样式覆盖，覆盖上面全局引入element-plus的样式中的文本颜色）
import "@/assets/element-plus-text-color.scss";