Dark Theme snippet returns SCSS errors


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

Grzegorz Bujański staff answered 4 years ago

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;

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: 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