Expected behavior

On button click I want to change to dark theme.

Actual behavior

When I try to compile my scss file, written exactly like in your example, with node-sass I get an error in my library mdbootstrap pro.

Resources (screenshots, code snippets etc.)

ERROR:

{ "status": 1, "file": "/home/federico/Andrea_VRUP-ERP V1.3.0/node_modules/mdb-ui-kit/src/mdb/scss/free/mixins/_buttons.scss", "line": 10, "column": 3, "message": "required parameters must precede optional parameters", "formatted": "Error: required parameters must precede optional parameters\n on line 10 of node_modules/mdb-ui-kit/src/mdb/scss/free/mixins/_buttons.scss\n>> $shadow,\n\n --^\n" }

CODE:

@import '../../node_modules/mdb-ui-kit/src/mdb/scss/mdb.pro.scss';

$my-theme-primary: #9c27b0; // theme primary color, change this value to customize theme $my-theme-secondary: #69f0ae; // theme secondary color, change this value to customize theme

$my-dark-theme: mdb-dark-theme($my-theme-primary, $my-theme-secondary); // create the new dark theme using primary and secondary colors

// include theme styles @include mdb-theme($my-dark-theme);