How to change input validated field border colour?

[Smyczek]

Hi,
I'm a newbie and I need help. I cannot change the colours of the valid/invalid input field border in any way.
I am able to change colour of the notch using 'data-to-class-notch-leading' when field isn't validated but 'data-te-class-notch-leading-valid' doesn't work. What am I doing wrong? This is my code:

[juujisai]

Hi! Add the data-te-class- attribute to the elements that has data-te-validation-init data attribute.

    <form id="form-1" 
      data-te-validation-init
      data-te-class-notch-leading-valid="border-[#ff0] dark:border-[#ff0] group-data-[te-input-focused]:shadow-[-1px_0_0_#ff0,_0_1px_0_0_#ff0,_0_-1px_0_0_#ff0] group-data-[te-input-focused]:border-[#ff0]"
      >
         ...
    </form>