# Can't change background color on Perspective Alarm Status Table

**URL:** <https://forum.inductiveautomation.com/t/cant-change-background-color-on-perspective-alarm-status-table/112372>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [November 21, 2025, 10:48pm UTC](https://forum.inductiveautomation.com/t/cant-change-background-color-on-perspective-alarm-status-table/112372 "2025-11-21T22:48:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![richard.hartman](https://avatars.discourse-cdn.com/v4/letter/r/b9bd4f/32.png) [@richard.hartman](https://forum.inductiveautomation.com/u/richard.hartman)\
**Post date:** [November 21, 2025, 10:48pm UTC](https://forum.inductiveautomation.com/t/cant-change-background-color-on-perspective-alarm-status-table/112372/1 "2025-11-21T22:48:50Z")

</div>

Has anyone had luck changing the background color of the Perspective Alarm Status Table and/or the Alarm Journal Table? In-line styling or applying styling classes don’t seem to work when trying to change the background color.

I saw a relevant forum post and I added this to the base stylesheet.css and it works on portions of the table header, but when I close and reopen my alarm view, the tables revert to their standard gray color. Mileage seems to vary, other devs on their own designers don’t even see the changes.

> .ia\_table\_\_body {  
> background-color:#FAFAFA;  
> }
> 
> .ia\_table\_\_body\_\_emptyMessage {  
> background-color:#FAFAFA;  
> }

Alarm Status Table with above css styling applied

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/4/0460757c5876fc40dc6ccd875e160f630149894c.png)

Alarm Journal Table with above css styling applied

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

Unfortunately, (1) it doesn’t apply to the whole table and (2) it reverts to the original color the moment I close and reopen the view. Anyone else experience this or know of a fix/workaround? Thanks

---

<div class="post-metadata">

**Author:** ![wbaker](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/wbaker/32/85315_2.png) [@wbaker](https://forum.inductiveautomation.com/u/wbaker)\
**Post date:** [November 22, 2025, 2:55am UTC](https://forum.inductiveautomation.com/t/cant-change-background-color-on-perspective-alarm-status-table/112372/2 "2025-11-22T02:55:49Z")

</div>

Try adding `!important` after the color code to see if it sticks.

---

<div class="post-metadata">

**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:** [November 22, 2025, 4:52am UTC](https://forum.inductiveautomation.com/t/cant-change-background-color-on-perspective-alarm-status-table/112372/3 "2025-11-22T04:52:53Z")

</div>

There are a number of classes you need to override the colour for from memory. Youll need to use dev tools to find them all

---

<div class="post-metadata">

**Author:** ![richard.hartman](https://avatars.discourse-cdn.com/v4/letter/r/b9bd4f/32.png) [@richard.hartman](https://forum.inductiveautomation.com/u/richard.hartman)\
**Post date:** [November 25, 2025, 4:01pm UTC](https://forum.inductiveautomation.com/t/cant-change-background-color-on-perspective-alarm-status-table/112372/4 "2025-11-25T16:01:42Z")

</div>

Thank you guys!

I was able to find all the style classes and the ‘!important’ declaration stopped it from reverting.

> .ia\_table\_\_body {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_table\_\_body\_\_emptyMessage {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_alarmTableComponent\_\_toolbar {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_alarmTableComponent\_\_toolbar\_\_filter\_\_preFilterContainer {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_alarmTableComponent\_\_toolbar\_\_preFilterCount {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_alarmTableComponent\_\_toolbar\_\_preFilter\_\_removeAll {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_table\_\_headContainer {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_alarmTableComponent\_\_foot {  
> background-color: #FAFAFA !important;  
> }
> 
> .ia\_pager {  
> background-color: #FAFAFA !important;  
> }