Skip to content

Conversation

@tolking
Copy link
Member

@tolking tolking commented Jul 5, 2025

close #66, close #112

Add the themeChalk prop to configuring the SCSS variable. Only effective when importStyle is scss.

After configuration, a corresponding custom theme will be automatically generated to replace the original style.

What is the difference between this and manually configuring it yourself?

The only difference is the file path

// index.scss
- @forward 'element-plus/theme-chalk/src/common/var.scss' with (
+ @forward '/<rootDir>/node_modules/element-plus/theme-chalk/src/common/var.scss' with (

// nuxt.config.ts
- additionalData: `@use "@/assets/scss/element/index.scss" as element;`,
+ additionalData: `@use "/<rootDir>/.nuxt/index.scss" as element;`,

This kind of change can avoid some errors. e.g. #161, #131

@tolking tolking merged commit fe08f7e into main Jul 10, 2025
5 checks passed
@tolking tolking deleted the feat/themeChalk branch July 10, 2025 12:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

@forward error on Netlify build Variables override by SCSS does not work

2 participants