How change border to green?

[chilly glade]

Hello,

how could I change the --_input-bd to green globally?

like I want to config the const theme = createTheme({ primaryColor: 'green' });
but this only change the inputs border to green when it is active.

[data-mantine-color-scheme="light"] .m-6c018570[data-variant="default"] {
  --_input-bd: var(--mantine-color-gray-4);
  --_input-bg: var(--mantine-color-white);
  --_input-bd-focus: var(--mantine-primary-color-filled);
}

What is the good way to do that?

I came up with this solution, but not like it because I have to use !important.
Is there a better way?

.mantine-Input-wrapper {
    --_input-bd: var(--mantine-color-green-3) !important;
}

[wanton nymph]

--_input-bd as well as other variables that start with --_ is a private variable, do not use it to apply styles. Use Styles API instead.

[chilly glade]

Thank You!

I tried to use the variantColorResolver too, but if I see it correctly, it is not supported in input controls like TextInput, it will be supported later or it is not planed?

[wanton nymph]

It is not planned, use Styles API to add styles with classNames