Topic: Dark Theme snippet returns SCSS errors
When copy/pasting the dark-theme snippet, I receive an undefined variable error for $alert-bg-level. Here's the full output:
ERROR in ./src/scss/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/main.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined variable.
╷
7 │ color-level($primary, $alert-bg-level),
│ ^^^^^^^^^^^^^^^
╵
src/scss/pro/theme/components/_alert-theme.scss 7:29 mdb-alert-theme()
src/scss/pro/theme/_mixins.scss 41:3 mdb-theme()
src/scss/main.scss 9:1 root stylesheet
@ ./src/scss/main.scss 47:4-60:5 2:12-133 9:17-24 13:7-21 45:20-34 49:6-59:7 50:38-52 56:26-40 58:21-28 68:15-29
@ ./src/ts/main.ts 1:0-26
Add comment
Thanks for reporting this bug. We'll fix it. As a workaround, add these variables:
$alert-bg-level: -10 !default;
$alert-border-level: -9 !default;
$alert-color-level: 6 !default;
$theme-color-interval: 8% !default;
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: 3.0.0
- Device: N/A
- Browser: N/A
- OS: Mac
- Provided sample code: No
- Provided link: No