1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Setting primary-color

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;
    &:hover,
    &:focus,
    &:active {
        background-color: lighten( $primary-color, 5%)!important;
    }
    &.active {
        background-color: darken( $primary-color, 20%)!important;
        @extend .z-depth-1-half;
    }
}
Best, Marta
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

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
Tags
About author
rlkessler
Pro User 10Support score
2Questions 2Answers 0Snippets