custom color of underlined input but without affecting the validation part with danger (Help me, please)

[ManuelCarrascal]

I have been trying to customize the inputWrapper of my input with an underlined variant for hours and I have not found a way to make it have a specific color but without affecting, for example, the color flows such as danger, I try to enter the discord to seek help and it is blocked Does anyone know how?

but

In that case it should be red, and I've tried many things and nothing works for me.

I want the color orange but if there is an error or validation in the format or whatever it looks normal like this:

[wingkwong]

for the error message, you can customize in errorMessage. For the label, I saw the styles got important property in order to override group data styles. Therefore, you need to add that to label and input too.

isInvalid: {
  true: {
    label: "!text-danger",
    input: "!placeholder:text-danger !text-danger",
  },
}

[ManuelCarrascal]

I was referring to the border of the input, but I think I did it by writing the class although it doesn't seem comfortable to me since it is an after element

[ManuelCarrascal]

It would be a plus to allow customizing styles of each part of the component in a simpler way without overwriting or damaging the flow.

[wingkwong]

Sorry. i totally misread the problem statement. Lemme convert this to an issue.

[ManuelCarrascal]

Ok, focus more on the solution part so you can modify pseudo element like that later more easily.