Select uses hard-coded color values


Topic: Select uses hard-coded color values

UNNdev pro premium asked 5 days ago

Expected behavior

The Select component always uses theme colors, no matter if blurred or focused, with or without its options expanded.

Actual behavior

The Select component uses hard-coded color values defined in mdb-ui-kit/src/scss/pro/_select.scss. Label, border, arrow, they use colors like #1266f1 or #4285f4 which collide with custom theme colors.The behavior is also somewhat faulty: if the Select component is focused, the label and the border have the right theme colors. If the Select component loses focus while its options are visible, the color turns to blue. The arrow is always blue while opened, though.

Resources (screenshots, code snippets etc.)

https://imgur.com/a/0GXcyYK


By the time we make it more convenient, here's a quick CSS to customize those colors: https://mdbootstrap.com/snippets/standard/m-duszak/3124032#css-tab-view


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.7.1
  • Device: All devices
  • Browser: All browsers
  • OS: All operating systems
  • Provided sample code: No
  • Provided link: Yes