Enhance mdb-icon color


Topic: Enhance mdb-icon color

digitalmanagerguru asked 5 years 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)

Thanks!


Magdalena Dembna staff premium answered 5 years 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 commented 5 years 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 5 years ago

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


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: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.3.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Win.10
  • Provided sample code: No
  • Provided link: Yes