Default Theme export

[AG-gugelbisolutions]

Hi there, is there a way to export one of the default Qlik Sense themes, for example Horizon? The idea is to export it and then modify it, for example changing the default sheet background color.

The alternative, I think, is building a new theme, perhaps using tools like SenseTheme.

Thanks

[Andrei_Cusnir · Accepted solution]

Hello,

My recommendation would be to create a new custom theme by following the documentation "Custom themes" [1]. However, if you would like to see how the default themes are built you can find them in the following directory:
 

Qlik Sense:

C:\Program Files\Qlik\Sense\Client\assets\external\sense-themes-default\horizon

Qlik Sense Desktop:

C:\Users\<YOUR_USER_ID>\AppData\Local\Programs\Qlik\Sense\Client\assets\external\sense-themes-default\horizon

---

[1] https://help.qlik.com/en-US/sense-developer/May2021/Subsystems/Extensions/Content/Sense_Extensions/c...

[AG-gugelbisolutions]

Thanks @Andrei_Cusnir , this is basically what I have done.

I'll post the exact solution as soon as possible.

[AG-gugelbisolutions · Accepted solution]

Here is the solution.

First of all, there is no default theme export capability, so you basically start from scratch.

Three files needed:

• horizon2.qext that describes the theme extension object

{
  "type": "theme",
  "name": "Horizon 2",
  "description": "New Horizon theme based on default",
  "version": "1.0.0"
}

• theme.json
  • I copied the one in located in C:\Program Files\Qlik\Sense\Client\assets\external\sense-themes-default\horizon
  • It can be modified paying attention to the meaning of the JSON attributes, that sometimes may be a bit misleading (essential reading https://help.qlik.com/en-US/sense-developer/November2021/Subsystems/Extensions/Content/Sense_Extensi...
  • I just added the customStyles attribute to link the third file

"customStyles": [{
"cssRef": "theme.css"
}],

• theme.css
  
  • this is the point where to add style directives that cannot be addressed by means of theme.json

.qvt-sheet {
    background: #e1dad5 !important;
}

Hope it helps.

[NadiaB]

Hi @AG-gugelbisolutions 

In addition to the provided information, keep in mind that we also have some limitations (impacting themes as well), the information can be found here:

https://help.qlik.com/en-US/sense/August2022/Subsystems/Hub/Content/Sense_Hub/Printing/exporting-ove...

Kind Regards.