Select uses hard-coded color values

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

Hello!

We also have this issue with latest MDB 5 Vue Pro version.

Would be nice to remove all hard-coded colors and other values (like borders) and use sass-variabelen instead. Preferably the option for component vars with fallback on default vars like some other components and how Bootstrap does it.

$form-select-border-width: $input-border-width !default;

$input-border-width: $input-btn-border-width !default;

$input-btn-border-width: $border-width !default;

$border-width: 1px !default;

If you set $border-with: 2px and $primary: red; it changes the default state for inputs/select the correct way. But if you focus the input its border with 1px and #1266f1. Modifying vars for this (like $form-select-focus-width) do not work because of hard-coded valus.

This should work like you would expect. Now you can only fix it by nasty overrides.

Can you give an estimate when this can be fixed or what the focus is on issues like this?

Cheers!