Topic: recompiling scss
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,
);
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
$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);
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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