This repository has been archived by the owner on Jan 13, 2025. It is now read-only.
[mdc-theme] mdc-floating-label color when focused is not changeable using CSS vars #8190
Closed
Description
This is how the mentioned element color is styled when focused in current version of MD2 CSS:
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
color: rgba(98, 0, 238, 0.87);
}
and
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
color: rgba(98, 0, 238, 0.87);
}
Should be:
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
color: rgba(98, 0, 238, 0.87);
color: var(--mdc-theme-primary, #6200ee);
}
and
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
color: rgba(98, 0, 238, 0.87);
color: var(--mdc-theme-primary, #6200ee);
}