--- source: https://qlik.dev/embed/iframe/customize/set-content-theme-for-iframe-with-enigma/ last_updated: 2026-03-18T16:49:43Z --- # Set the theme for embedded iframe content with enigma.js > **Use qlik-embed for new integrations:** For new integrations, use [qlik-embed](https://qlik.dev/embed/qlik-embed/) > to safeguard against third-party cookie blocking and unlock future features. > > This tutorial remains available for those with existing implementations, > but upgrading to qlik-embed ensures a robust, forward-looking solution. > > To do something similar with qlik-embed, refer > to [qlik-embed UIs and parameters](https://qlik.dev/embed/qlik-embed/parameters/), > in particular the `classic/app` UI. Contributed by Daniel Pilla ## Overview In this tutorial, you are going to learn how to fetch the current theme of a Qlik Sense application using [enigma.js](https://qlik.dev/toolkits/enigma-js) so it can be applied to embedded content dynamically. ## Prerequisites To use this example page, ensure you have the following: - An existing Qlik Sense application ID and sheet ID to embed. - A [web integration id](https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-adminster-web-integrations.htm) to prevent cross-site request attacks. - A [content security policy](https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm) entry with the `frame-ancestors` directive added for the location of the web page that will be embedding the content. ## Variable substitution and vocabulary Throughout this tutorial, variables will be used to communicate value placement. The variable substitution format is ``. Here is a list of variables that appear in the sample code. | Variable | Description | | ---------------------- | ----------------------------------------------------------------------------------------- | | `` | The domain for the tenant you are accessing. Equivalent to `tenant.region.qlikcloud.com`. | | `` | The unique identifier of the web integration. | | `` | The unique identifier of the application. | | `` | The unique identifier of the sheet. | | `` | An arbitrary string to establish a separate session state. | > **Note:** The `IDENTITY` [parameter](https://qlik.dev/apis/javascript/single-integration/) can be used across iframes or other methods of > embedding to tie and/or separate sessions accordingly. > It is an optional parameter included in this example for illustrative purposes. ## Pseudocode The code in this sample does the following: 1. Handles logging into Qlik. 2. Fetches the CSRF token so that a WebSocket connection can be made to the engine. 3. Connects to the application leveraging enigma.js. 4. Fetches the active theme of the application (this is purely bonus code showing the power of the engine). 5. Renders the iframe. ## Sample code The code example in this tutorial provides a basic, fully functional web page. It showcases a few capabilities in one example, providing a boilerplate you can modify. Here are some of the features: - Catches session events, such as, displaying a custom modal dialog or redirecting to another web page. Handles browser support for third-party cookies. For more information, see [Third-party cookie handling with embedded content](https://qlik.dev/embed/iframe/authenticate/third-party-cookie-handling-with-embedded-content). ```html

```