# Docked view background not taking colour specified in stylesheet

**URL:** <https://forum.inductiveautomation.com/t/docked-view-background-not-taking-colour-specified-in-stylesheet/96059>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 17, 2024, 1:12pm UTC](https://forum.inductiveautomation.com/t/docked-view-background-not-taking-colour-specified-in-stylesheet/96059 "2024-09-17T13:12:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![IAKC](https://avatars.discourse-cdn.com/v4/letter/i/d2c977/32.png) [@IAKC](https://forum.inductiveautomation.com/u/IAKC)\
**Post date:** [September 17, 2024, 1:12pm UTC](https://forum.inductiveautomation.com/t/docked-view-background-not-taking-colour-specified-in-stylesheet/96059/1 "2024-09-17T13:12:27Z")

</div>

I have specified the background colour in stylesheet as shown below. The variable is specified in a custom .css file. I have imported into light and dark theme. in the designer the colour is showing up correctly.

```python
.ia_container--root{
	background-color: var(--GU_background);
}

```

When I am testing my application, I can see that the docked views are using default colour instead. After drilling down, I can see the desired colour show up when I change background colour from props of the view used as docked. I have inspected the object. It seems to show up on class="flex-container responsive container ia\_container--primary view". But when I specified the custom colour in stylesheet, nothing seems to happen.

How are the background colour handled for docked views when using stylesheet?

I have attempted to use class for flex container, breakpoint container, .ia\_container--secondary; nothing seems to work.

---

<div class="post-metadata">

**Author:** ![IAKC](https://avatars.discourse-cdn.com/v4/letter/i/d2c977/32.png) [@IAKC](https://forum.inductiveautomation.com/u/IAKC)\
**Post date:** [September 17, 2024, 2:33pm UTC](https://forum.inductiveautomation.com/t/docked-view-background-not-taking-colour-specified-in-stylesheet/96059/2 "2024-09-17T14:33:58Z")

</div>

```python
.docked-view{
	background-color: var(--GU_background);
}

```

resolved it.