# Creating my own background color in perspective theme

**URL:** <https://forum.inductiveautomation.com/t/creating-my-own-background-color-in-perspective-theme/85485>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 9, 2024, 4:13pm UTC](https://forum.inductiveautomation.com/t/creating-my-own-background-color-in-perspective-theme/85485 "2024-02-09T16:13:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cameron\_Nickle](https://avatars.discourse-cdn.com/v4/letter/c/b3f665/32.png) [@Cameron\_Nickle](https://forum.inductiveautomation.com/u/Cameron_Nickle)\
**Post date:** [February 9, 2024, 4:13pm UTC](https://forum.inductiveautomation.com/t/creating-my-own-background-color-in-perspective-theme/85485/1 "2024-02-09T16:13:51Z")

</div>

Hi all!

I wanted to have some fun with the perspective themes and wanted to try my hand at making a simple theme. I can make any of the components change the way I want but I cannot seem to get the overall background color to change.

What I did was copy one of the existing themes and was modifying it to see what all I could do. I copied the dark-warm theme and found where the background color is controlled and cant seem to get it to change.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/c/7cd192b7493ce547eb77337949ba2206ee8bc3e0.png)

The background is still the warm grey even though it should be a similar blue to the slider I made.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/7/879f69868dfceb75531832a22ba4fe79779c8058.png)

You'll notice I even tried the !important keyword to see if I could get it to go but it wasn't having it.

If anyone has more experience with the theme CSS who could point me in the right direction that would be very appreciated.

Thank you,

Cam

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [February 9, 2024, 4:50pm UTC](https://forum.inductiveautomation.com/t/creating-my-own-background-color-in-perspective-theme/85485/2 "2024-02-09T16:50:40Z")

</div>

Have you tried modifying this one:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/cec883e07f4d98ba092ab4d633de306977f561be.png)

Or you can perhaps modify the `--containerRoot` variable in the variables file.