# Perspective: Overriding Symbol CSS definitions **URL:** \ **Category:** Ignition\ **Tags:** ignition80, perspective\ **Created:** [September 16, 2020, 5:02am UTC](https://forum.inductiveautomation.com/t/perspective-overriding-symbol-css-definitions/38727 "2020-09-16T05:02:47Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [September 16, 2020, 5:02am UTC](https://forum.inductiveautomation.com/t/perspective-overriding-symbol-css-definitions/38727/1 "2020-09-16T05:02:47Z")
v8.1.0 How would I override the symbols.css theme definitions such as: - variable values (colours, e.g. --symbolFill–running) - keyframes I’ve tried adding these same definitions into my custom theme css however it doesn’t seem to override the original definition. ---
**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\ **Post date:** [March 27, 2021, 8:41pm UTC](https://forum.inductiveautomation.com/t/perspective-overriding-symbol-css-definitions/38727/2 "2021-03-27T20:41:19Z")
hi @nminchin did you find same solution? ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [March 28, 2021, 11:55am UTC](https://forum.inductiveautomation.com/t/perspective-overriding-symbol-css-definitions/38727/3 "2021-03-28T11:55:16Z")
I think at the time I had the imports around the wrong way in my custom css. I imported my custom index.css and then imported the light.css (instead of the other way around), so the light.css was overriding my settings. I didn’t end up ever using the smart symbols, so I dont know if this worked for these or not