element-plus/element-plus-nuxt-starter

Override SCSS variables doesn't work

nphungthinh2601 opened this issue · 3 comments

YunYouJun commented

Check example?

nphungthinh2601 commented

I have some code in ~/assets/scss/element-plus.scss

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

and nuxt.config.ts

css: ['~/assets/scss/element-plus.scss'],
typescript: {
strict: true,
shim: false,
},
// auto import components
components: true,

vite: {
plugins: [
Components({
resolvers: [ElementPlusResolver()],
}),
],
},

It look like ok but it doesn't work.
I had tried clone your repo and override but it still doesn't work.
Do you have any ideas on how I can improve the config file? Thanks a lot.

pheng0077 commented

Hello, is there any solution for that?
I face the same problem too.