Text coloring

devtrix pro premium priority asked 4 years ago

Hi, I asked this question before and resolved it for the version 4.4.4 or something.  I now have 4.5 and can't find this. For example, blue-text text-darken-4  etc.  I can't find the lines to un-comment  in _colors.scss. Please advise asap.  

Jakub Strebeyko staff answered 4 years ago

Hi there,

Thanks for your input. MDB version 4.5 brought many improvements, including the way SCSS files are compiled. Nowadays, the easiest way to adjust existent rules or add custom ones is to write them into the _custom.scss file and then compile / minimize the whole mdb.css pack anew.

With Best Regards,
Kuba


devtrix pro premium priority commented 4 years ago

Do you mean you guys went backwards? Did you remove those definitions?

Marta Szymanska staff pro premium answered 4 years ago

Hi, add this code: .#{$color_name}-text.text-#{$color_type} { color: $color_value !important; } to this loop: // Colors classes @each $color_name, $color in $colors { @each $color_type, $color_value in $color { @if $color_type == "base" { .#{$color_name} { background-color: $color_value !important; } .#{$color_name}-text { color: $color-value !important; } .rgba-#{$color_name}-slight { background-color: rgba($color_value, .1); } .rgba-#{$color_name}-light { background-color: rgba($color_value, .3); } .rgba-#{$color_name}-strong { background-color: rgba($color_value, .7); } } @else { @if $enable_full_palette { .#{$color_name}.#{$color_type} { background-color: $color_value !important; } } } } } After change, the loop shoud look like this: // Colors classes @each $color_name, $color in $colors { @each $color_type, $color_value in $color { @if $color_type == "base" { .#{$color_name} { background-color: $color_value !important; } .#{$color_name}-text { color: $color-value !important; } .rgba-#{$color_name}-slight { background-color: rgba($color_value, .1); } .rgba-#{$color_name}-light { background-color: rgba($color_value, .3); } .rgba-#{$color_name}-strong { background-color: rgba($color_value, .7); } } @else { @if $enable_full_palette { .#{$color_name}.#{$color_type} { background-color: $color_value !important; } .#{$color_name}-text.text-#{$color_type} { color: $color_value !important; } } } } } Best, 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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No