dwilbur priority asked 1 year ago

could you either list out the steps that need to be done for recompiling scss, or point me at the doc that does that?

i need to change the values for the following, and the other things that these colors impact. i am unclear as to how to go about that.

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "black":      $black,

$info: #1e88e5;
$another-color: #0e2050;
$gray-600: #6c757d;

// Create your own map
$custom-colors: ( 
"another-color": $another-color, 
"info": $info, 
"secondary": $gray-600);

// Merge the maps
$theme-colors: map-merge($theme-colors, $custom-colors);

Marta Wierzbicka staff answered 1 year ago


if you want to change $theme-colors variables, you need to add colors variables with new values to the src/scss/custom/_variables.scss file:

// Your custom variables

$primary: #c53bca !default;
$secondary: #e0c33f !default;
$success: #149aa4 !default;
$danger: #64dc4c !default;
$warning: #e41b2c !default;
$info: #27c482 !default;
$light: #ccb1b1 !default;
$dark: #000000 !default;

If you have an MDB package with e.g. Webpack which lets you compile source files, this step above is the only thing you need to do.

Keep coding, Marta

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: na
  • Browser: na
  • OS: ubuntu 22.04
  • Provided sample code: No
  • Provided link: No