elements-plus修改主体，vue3+vite+element-plus

！！！注意，如果你也是使用element-plus的自动引入，那就按我的来

第一步，安装scss

第二步，新建styles文件夹

index.scss

@forward 'element-plus/theme-chalk/src/common/var' with (
  $colors: (
    'primary': (
      'base': pink,
    ),
  ),
);

第三步，来到vite.config.ts中

//首先引入
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";

//其次

plugins: [
    vue(),
    // element-puls自动引入
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [
        ElementPlusResolver({
          importStyle: "sass",
        }),
      ],
    }),
  ],

  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "@/styles/index.scss" as *;`,
      },
    },
  },

最后一步运行