[UInput] Ring/border color when not focused

[Hamon Córdova]

Description

Hi! Someone know how can i achive the following;

• White ring when no focused
• Primary ring when focused
• Red ring on input has error, focused or not

What i tried was change the app.config. But as you can see in the reproduction, the white ring only shows when it has error.

Reproduction

[Neil Richter]

Thanks a lot for the reproduction 😄

Is that what you are trying to do ?
https://stackblitz.com/edit/nuxt-ui-fhajtv?file=app.vue,app.config.ts,nuxt.config.ts

I believe this kind of pattern should not be configured globally, but overriden locally in your components with the :ui prop instead. Mixing colors in this way is not the intended usage.

Also, note that input in error mode only have their color temporarily switch to red. See documentation

[Hamon Córdova]

Thanks! Was exactly this what i needed. Probally in the development progress i will make it not globally at all.