Question - How to override utilities in runtime

[liaoliao666]

My goal is to change the font size at runtime as follows

tw.setUtilities("text-content", 'text-[17px]')

[jaredh159]

There's no current way to do something like this. Although there's nothing stopping you from providing runtime arbitrary values, like:

<View style={tw`text-[${someVar}]`} />

Would that satisfy your use case?

[liaoliao666]

This way is so inconvinient when u got a lot of utilities u want update.
But in the web, this is easily achieved with css variables like this

.text-content: {
  color: `var(--text-content)`
}

And it seems difficult to implement in React Native.

Or Maybe this library can support a way to allow user-defined prefixes. like below a user-defined theme dim

tw`text-[#333] dark:text-[#fff]  dim:text-[#e7e9ea]`

[jaredh159]

are you targeting RN Web?

[liaoliao666]

No. just show an example how can i update tailwind uitility in web. but can not do this way in RN.