topic Re: Default Theme export in App Development

Default Theme export

AG-gugelbisolutions — Tue, 08 Feb 2022 15:11:44 GMT

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

Re: Default Theme export

Andrei_Cusnir — Wed, 09 Feb 2022 09:37:23 GMT

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/custom-themes-introduction.htm

Re: Default Theme export

AG-gugelbisolutions — Wed, 09 Feb 2022 13:01:41 GMT

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

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

Re: Default Theme export

AG-gugelbisolutions — Wed, 09 Feb 2022 13:21:21 GMT

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_Extensions/CustomThemes/custom-themes-properties.htm)
- 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.

Re: Default Theme export

NadiaB — Fri, 07 Oct 2022 18:52:26 GMT

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-overview.htm

Kind Regards.