# Applying theme colors to XY chart properties

**URL:** <https://forum.inductiveautomation.com/t/applying-theme-colors-to-xy-chart-properties/70251>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [February 23, 2023, 10:39pm UTC](https://forum.inductiveautomation.com/t/applying-theme-colors-to-xy-chart-properties/70251 "2023-02-23T22:39:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zachary\_Zipper](https://avatars.discourse-cdn.com/v4/letter/z/bbe5ce/32.png) [@Zachary\_Zipper](https://forum.inductiveautomation.com/u/Zachary_Zipper)\
**Post date:** [February 23, 2023, 10:39pm UTC](https://forum.inductiveautomation.com/t/applying-theme-colors-to-xy-chart-properties/70251/1 "2023-02-23T22:39:32Z")

</div>

I have a perspective app that currently takes advantage of the [built in themes](https://docs.inductiveautomation.com/display/DOC81/Perspective+Built-In+Themes) for styling. Unfortunately, it seems the title color and axis colors for the XY chart do not want to use these themes. (putting in "--neutral-80" for the color fields just makes them black despite the current theme).

For the title, the workaround there would be easy by just using a standard label component, but for the axis, I'm having trouble thinking of a way to make the colors obey the built-in themes. Does anyone have any ideas?

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [February 23, 2023, 10:51pm UTC](https://forum.inductiveautomation.com/t/applying-theme-colors-to-xy-chart-properties/70251/2 "2023-02-23T22:51:30Z")

</div>

try `var(--neutral-80)`

---

<div class="post-metadata">

**Author:** ![Zachary\_Zipper](https://avatars.discourse-cdn.com/v4/letter/z/bbe5ce/32.png) [@Zachary\_Zipper](https://forum.inductiveautomation.com/u/Zachary_Zipper)\
**Post date:** [February 23, 2023, 10:55pm UTC](https://forum.inductiveautomation.com/t/applying-theme-colors-to-xy-chart-properties/70251/3 "2023-02-23T22:55:01Z")

</div>

Unfortunately it does not like that  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/9/59d97c5678b928a78b8220073d634298e4c110d8.png)

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [February 23, 2023, 10:55pm UTC](https://forum.inductiveautomation.com/t/applying-theme-colors-to-xy-chart-properties/70251/4 "2023-02-23T22:55:56Z")

</div>

Annoying as it is, it should still work. I have those "errors" all over the place in my project. Try it with one of the more "ridiculous" colors (`--seq-1`)