# SVG Theme Colour Error

**URL:** <https://forum.inductiveautomation.com/t/svg-theme-colour-error/65992>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [November 2, 2022, 1:43pm UTC](https://forum.inductiveautomation.com/t/svg-theme-colour-error/65992 "2022-11-02T13:43:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alex\_Leech](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alex_leech/32/39391_2.png) [@Alex\_Leech](https://forum.inductiveautomation.com/u/Alex_Leech)\
**Post date:** [November 2, 2022, 1:43pm UTC](https://forum.inductiveautomation.com/t/svg-theme-colour-error/65992/1 "2022-11-02T13:43:10Z")

</div>

Hi all,

I've created a couple of SVG's, and as part of the colours I'd like to use the built in themes i.e. --neutral-50

If I put the below within the paint field under stroke, it applies correctly... 🙂

> var(--neutral-50)

However, I get a props warning stating:

> stroke.paint: does not match format for color

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/6/b673ab06ad3c51e6223419094b918713cb834b53.png)

Can I safely ignore it as it seems to work fine, or is there a 'better practice way' to do it?

Thanks!  
Alex

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [November 2, 2022, 2:34pm UTC](https://forum.inductiveautomation.com/t/svg-theme-colour-error/65992/2 "2022-11-02T14:34:59Z")

</div>

You can safely ignore it. It is just warning you that the value you have provided doesn't match the regex pattern for a color, as the designer is expecting a string in the form `#XXXXXXXX`. It will resolve to the correct format when the CSS takes over in the client.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 2, 2022, 3:40pm UTC](https://forum.inductiveautomation.com/t/svg-theme-colour-error/65992/3 "2022-11-02T15:40:26Z")

</div>

Note that this is not always going to be the case for such warnings. Some props do have a forced type.  
So its good taht you asked 🙂 Though if you see it works than it should always work, but be sure to also test it in the browser and not jsut the designer.