How to specify color shade?

[nemanjam]

I can't just pass a number 1-12 after color name?

<Text color="gray-5">Count: {1000}</Text>

I must use inline styles, so Theme components are limited to a single shade if using color prop?

https://www.radix-ui.com/colors/docs/overview/usage

<Text style={{ color: 'var(--gray-8)' }}>Count: {1000}</Text>

[Divyansh0108]

To specify a color shade using the Radix UI color system, you can use the var(--color-name-N) syntax, where "color-name" is the base color name, and "N" is a number between 1 and 12 representing the shade.

<Text style={{ color: 'var(--gray-5)' }}>Count: {1000}</Text>