# How to reference colors with a space in the name?

**URL:** <https://forums.realmacsoftware.com/t/how-to-reference-colors-with-a-space-in-the-name/44572>\
**Category:** RapidWeaver Elements\
**Created:** [September 7, 2024, 10:36am UTC](https://forums.realmacsoftware.com/t/how-to-reference-colors-with-a-space-in-the-name/44572 "2024-09-07T10:36:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [September 7, 2024, 10:36am UTC](https://forums.realmacsoftware.com/t/how-to-reference-colors-with-a-space-in-the-name/44572/1 "2024-09-07T10:36:22Z")

</div>

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](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/3/d3e292a2389b698e2972e9cad222be23d0ab56b3.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 7, 2024, 2:16pm UTC](https://forums.realmacsoftware.com/t/how-to-reference-colors-with-a-space-in-the-name/44572/2 "2024-09-07T14:16:30Z")

</div>

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