How to change the required indicator color by css in Vaadin 14

Flow
1

I used the lumo-theme to change label color of text field to red when it was set to be required.
But I could not change the required indicator. Is there any solution?
My source

:host([required]
) [part="input-field"]
 {
    border: 1px solid var(--lumo-primary-color);
    background： var(--lumo-primary-color-30pct);
}
:host([required]
) [part="label"]
 {
    color: var(--lumo-error-color);
}
:host([required]
) [part="indicator-required"]
 {
    color: var(--lumo-error-color);
}

18136061.png

2

Hello. For Lumo, you can use following CSS to override it:

[part="label"]
::after {
  color: var(--lumo-primary-color-30pct);
}

:host([invalid]
) [part="label"]
::after {
  color: var(--lumo-error-color);
}

The original CSS can be found here (sharing for reference): https://github.com/vaadin/vaadin-lumo-styles/blob/ef4d43fc7e1b51f26a957c6a978b3f97a24119cd/mixins/required-field.html#L38-L47