Skip to main content
Announcements
Qlik Connect 2024! Seize endless possibilities! LEARN MORE
cancel
Showing results for 
Search instead for 
Did you mean: 
AG-gugelbisolutions
Creator II
Creator II

Default Theme export

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

Labels (1)
2 Solutions

Accepted Solutions
Andrei_Cusnir
Specialist
Specialist

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

Help users find answers! Don't forget to mark a solution that worked for you! 🙂

View solution in original post

AG-gugelbisolutions
Creator II
Creator II
Author

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"
}
"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.

 

View solution in original post

4 Replies
Andrei_Cusnir
Specialist
Specialist

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

Help users find answers! Don't forget to mark a solution that worked for you! 🙂
AG-gugelbisolutions
Creator II
Creator II
Author

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

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

AG-gugelbisolutions
Creator II
Creator II
Author

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"
}
"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
Support
Support

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. 

Don't forget to mark as "Solution Accepted" the comment that resolves the question/issue. #ngm