Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

vite-plugin-theme-preprocessor and ElementPlus

See original GitHub issue

I’m not sure if this is an issue of the library but I’m having problems when using this with ElementPlus.

Example repository: https://github.com/naftis/element-plus-theming (based on this: https://github.com/element-plus/element-plus-vite-starter) Error: Some CSS variables don’t get loaded

How should I configure ElementPlus to work with this library? I load this file in multipleScopeVars: https://github.com/naftis/element-plus-theming/blob/master/src/styles/theme/default.scss with @forward but all of the CSS variables don’t load. It seems like every variable changed in @forward seem to get unloaded.

Issue Analytics

State:
Created 2 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

3reactions

GitOfZGTcommented, Dec 13, 2021

element-plus issue or vite-plugin-theme-preprocessor issue?

I also found this problem some time ago, that is element-plus did, theme plugin can not change it, see https://github.com/element-plus/element-plus/issues/4263

1reaction

GitOfZGTcommented, Nov 18, 2021

Thanks for your feedback. I fixed it in @zougt/some-loader-utils v1.3.5,Please reinstall @zougt/vite-plugin-theme-preprocessor.

Top Results From Across the Web

Theming | Element Plus

If you are using vite, and you want to custom theme when importing on demand. Use scss.additionalData to compile variables with scss of...

ssr-vite-plugin-style-import - npm package - Snyk

We found a way for you to contribute to the project! Looks like ssr-vite-plugin-style-import is missing a security policy.

A curated list of awesome things related to Vite.js - Gitee

Advanced, colorful front-end integration practice. vue-pure-admin - Background management template based on Vue3, TypeScript, Tailwind CSS, element-plus.

vite-plugin-element-plus-theme-next 0.0.1 on npm - Libraries.io

适用于vite项目的element-plus的静态主题插件- 0.0.1 - a package on npm - Libraries.io.

Awesome Vite.js - 极特来巴giteelib

Vitecamp - Vue3 / Element Plus / Axios / Vue Router / Pinia / Windi ... @zougt/vite-plugin-theme-preprocessor - Easily implementing dynamic ...