Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Qlik Connect 2026 Agenda Now Available: Explore Sessions
cancel
Showing results for 
Search instead for 
Did you mean: 
ift_isabelle
Partner - Creator III
Partner - Creator III

Qlik Sense Theme

We have a Qlik Sense theme which uses the following properties to define the topbar color and the sheet color. But since the last update of cloud it doesnt work anymore. Anyone any ideas which element I should use to override this style?

.qvt-sheet {
background: linear-gradient(180deg, #EBECEA 97%, #6CC067 0%) !important;
}

.qv-panel-sheet .sheet-title-container {
background: linear-gradient(90deg, #1A2C56 95%, #ffffff 0%) !important;
height: 40px;
padding-bottom: 0px;
padding-top: 0px;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
height: 40px;
}

Labels (2)
2 Replies
norma44shah
Contributor
Contributor

Sure thing!

It looks like your custom CSS for the Qlik Sense theme stopped working after an update. To fix it, you might need to target different elements or use additional CSS selectors. Here's a simplified suggestion:

```css
.qvt-sheet {
background: linear-gradient(180deg, #EBECEA 97%, #6CC067 0%) !important;
}

.qv-panel-sheet .sheet-title-container {
background: linear-gradient(90deg, #1A2C56 95%, #ffffff 0%) !important;
height: 40px;
padding: 0;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
}

/* Additional CSS to ensure styles are applied */
.qv-panel-sheet .sheet-title-container .sheet-title {
background-color: #ffffff !important;
color: #1A2C56 !important;
}
```

mpc
Partner Ambassador
Partner Ambassador

Hi, 

Maybe something like this:

[data-testid="qs-sub-toolbar"]{ /*Selection toolbar */
background: linear-gradient(90deg, #1A2C56 95%, #ffffff 0%) !important;

.qv-card.printing-live-card .printing-live-content .qvt-sheet:not(.qv-custom-size), .qv-client.qv-card #qv-stage-container .qvt-sheet:not(.qv-custom-size), .qv-client.qv-card .qv-story-sheet .sheet-container .qvt-sheet:not(.qv-custom-size){
background: linear-gradient(180deg, #EBECEA 97%, #6CC067 0%) !important;

}

height: 40px;
padding-bottom: 0px;
padding-top: 0px;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
height: 40px;
}

You can open an ideation about adding this feature in the JSON theme definition too. 

Best

From Next Decision and mpc with love