Enhance mdb-icon color


Topic: Enhance mdb-icon color

digitalmanagerguru pro asked 2 months ago

Expected behavior When using mdb-icon with color props

I was expecting to have full pallete of mdb color access: https://mdbootstrap.com/docs/vue/css/colors/

Or atleast the text colors: https://mdbootstrap.com/docs/vue/css/colors/#text-colors

Actual behavior Instead I am getting bootstrap colors: https://getbootstrap.com/docs/4.0/utilities/colors/

because the class it writes is text-green instead of green-text.

But it would be better if we could use at least the mdb text-colors, since we've more choice then with bootstrap one. (20 colors to 10)


Magdalena Dembna staff premium answered 2 months ago

We will take this issue under consideration - in the meantime, adding text classes should work as well: <mdb-icon class="grey-text" />. Kind regards, Magdalena

digitalmanagerguru pro commented 2 months ago

Thanks. I am already using that solution :) But would be better to perform colors in a better way. Thanks for the help and information.

Magdalena Dembna staff premium commented 2 months ago

We will probably improve the color props to work with text colors as well. Kind regards, Magdalena

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Vue
  • MDB Version: 6.3.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Win.10
  • Provided sample code: No
  • Provided link: Yes