How to reference colors with a space in the name?

Elements Feedback
1

If you create a new color in the Theme Studio it’s named ‘New Color’ implying that using a space in the name is valid. But if I attempt to use it in a custom component like so
<p class="text-new color-200">Custom Component</p> it doesn’t work. Replacing the space with a hyphen (ie; ‘New Color’ → ‘new-color’) also doesn’t work.

Are spaces in color names supported, and if not can the Theme Studio convert any names given to the correct format, or at least have the ability to copy the correct class name from the Theme Studio to be referenced in custom components?

CleanShot 2024-09-07 at 06.29.38@2x
CleanShot 2024-09-07 at 06.29.38@2x1954×1184 243 KB

1 Like
2

Yup, this is already on our list to fix — We’ll automagically convert all class names to the correct namespace to ensure they work :+1:

1 Like