---
schema_version: "1"
id: 1c2ed215149a744e9a0b1438c3c895f6ed0906bf7a81acf9a9f8a3e4b12aaab3
title: cpq-theme-variables (template)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_cpq_theme_variables__template_.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_cpq_theme_variables__template_.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 8a9d0992a08d29d5498a8fd5e92b3cd5ed14d8381a23ecd9c3e02a535d50324b
description: The cpq-theme-variables template contains variables used in other templates.
products:
  - Communications
  - Media
  - Energy and Utilities
release: "264"
---
# cpq-theme-variables (template)

The cpq-theme-variables template contains variables used in other templates.

**Template Type**

Mixin

**Code**

CSS/SCSS

**Image**

n/a

![example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/images/icon_note.png)

example

Example CSS for cpq-theme-variables

```
/***
***** CPQ THEME VARIABLES ****
Add only the theme file here. Don't add any code here.
It's easier to swap the theme here rather than swapping in every other template.
If you swap the theme here, all templates will automatically get the latest.
```

```
Note: You need to re save all the templates once you change the theme. Also, if you change theme files, refresh the browser and then save the templates.
```

```
***/
@import "cpq-base-theme-variables";
```