How to change border color of inputs

[nick-friedrich]

Can't figure it out, also can't change color of checkbox. Can someone help me?

[sajadevo]

Hi @unchainedDev,

Which version of the library you're using the react or html?

Cheers, Sajad

[nick-friedrich]

Sorry forgot to mention I am using the html version

[groovemen]

Hello @unchainedDev,

Thank you for using our products, unfortunately, you can change the color of the checkbox only with CSS styling for now. So you'll have to overwrite the following code with your custom colors:

.checkbox:checked+.form-check-input {
    background-color: #yourCustomColor;
    border-color: #yourCustomColor;
}

Also, we will add these features to the next update. Hope this information helps you. Please let us know if we can help you with anything else.

All the best, Stefan

[MadhuSaini22]

How can we change the border- color of input type ="text" on focus? Can anyone tell me as I'm new in tailwind

[groovemen]

Hello @MadhuSaini22,

Thank you for using our products, for now, you have to change the component styling to achieve that. We will implement into future updates a feature to easily change the input border color. Hope this information helps you. Please let us know if we can help you with anything else.

All the best, Stefan

[Kilian-mescam]

Hello,

is this new feature available ? i don't understand how I can change the styling of the component to change color on focus. PS: I'm working on react

thanks Kilian

[jonandgon]

Any updates? Default red color does not work for my theme.

[sajadevo]

Hey guys,

I've released a new update of the library and now it's using pure tailwind css classes for everything rather than custom classes so now it's easy to customise the styles of components.

Cheers, Sajad