Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

dwilbur priority asked 2 years 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,
);

krsjak priority answered 2 years ago


$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 2 years ago


Hi,

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.

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: 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
Tags