Custom theme
loo41 opened this issue · comments
NES.css/scss/base/variables.scss
Line 8 in 444faf0
Describe the bug
When I try to use a custom theme
To Reproduce
// xx.scss
$primary-colors: (
normal: red,
hover: red,
shadow: red,
) !default;
@import "nes.css/scss/nes.scss";
Expected behavior
When I remove this
Environment:
Suggestion(s) for fixing this issue
In my opinion, should we not rely on the JS transformation Base64, but use the transformation directly?,Is it possible to provide the ability to customize the theme。
Additional context
In the component library I'm developing, I'm trying to provide a set of custom themes
Same issue, I'm trying to alter the success color to a brighter green but to no avail. When I import variables like this:
@import "node_modules/nes.css/scss/base/variables";
it gives me this error in compilation:
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined variable.
╷
5 │ $base-color: $color-black !default;
│ ^^^^^^^^^^^^
╵
node_modules\nes.css\scss\base\variables.scss 5:14 @import
src\styles.scss 3:9 root stylesheet
× Failed to compile.```