rlkessler pro asked 6 years ago

Hi, how do I easily set the $brand-brand color value so that all primary-color and btn-primary references are set to the same color?

Marta Wierzbicka staff answered 6 years ago

Hi, @extend .z-depth-1-half - it is about box shadow. You don't need this for color variable, I just copy this code snippet from MDB file. Best, Marta

rlkessler pro answered 6 years ago

Thanks Marta. What is the definition of @extend .z-depth-1-half ?

Marta Wierzbicka staff answered 6 years ago

Hello, In your custom scss file create sth like this:
$brand-color: ##FFEBEE (any color here),
$primary-color: $brand-color

.btn-primary {
    background: $primary-color;
    &:active {
        background-color: lighten( $primary-color, 5%)!important;
    &.active {
        background-color: darken( $primary-color, 20%)!important;
        @extend .z-depth-1-half;
Best, 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

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No