Expected behavior

Changing colors in MDB SCSS files for Select component should recolor component.

Actual behavior

The select label does not change color due to a style tag injected at the bottom of the HTML separate from mdb.min.css. I do not know how this style tag is being inserted.

Resources (screenshots, code snippets etc.)

This is the style tag injected into the DOM which is causing issues:

<style type="text/css">.select-input-label-active {  color: #1266f1 !important; }</style>

Here is my scss/custom/_styles.scss file:

// Your custom styles

/*
To use, add this line
`@import './custom/styles.scss'`
to the end of the file
`../mdb.pro.scss`
*/

.select-input.focused {

  & ~ .select-label {
    color: $primary
  }

  & ~ .form-notch .form-notch-leading {
    border-top: 2px solid $primary;
    border-bottom: 2px solid $primary;
    border-left: 2px solid $primary;
  }

  & ~ .form-notch .form-notch-middle {
    border-color: $primary;
  }

  & ~ .form-notch .form-notch-trailing {
    border-color: $primary;
  }
}

.select-input.focused ~ .select-arrow {
  color: darken($primary, 20%);
}

// This is not working
.select-input-label-active {
  color: $primary !important;
}