---
url: /api/platforms/canvas-theme-editor/src/variables/THEME_CSS.md
---
[pantoken-root](../../../../index.md) / [platforms/canvas-theme-editor/src](../index.md) / THEME_CSS

# Variable: THEME_CSS

> `const` **THEME_CSS**: `string` = "/\*\*\n \* pantoken for Canvas Theme Editor\n \* Upload this file under Theme Editor → Advanced → CSS\n \* Some components require the interactions javascript library to function correctly\n \* See https://pantoken.app for documentation\n \*/\n\n/\* 1. Component styles — every .instui-\* class used by the starter page templates. \*/\n@import url(\\"https://cdn.jsdelivr.net/combine/npm/@pantoken/css/dist/style.rebrand.light.lean.css,npm/@pantoken/components/dist/base.css,npm/@pantoken/components/dist/prose.css,npm/@pantoken/components/dist/component-icons.css,npm/@pantoken/components/dist/components.css,npm/@pantoken/components/dist/utilities.css,npm/@pantoken/plugin-custom-components/dist/custom-components.css,npm/@pantoken/plugin-custom-components/dist/logo.css,npm/@pantoken/plugin-custom-theme-colors/dist/custom-theme-colors.scoped.css\\");\n/\* 2. Fonts for the components \*/\n@import url(\\"https://cdn.jsdelivr.net/npm/@pantoken/components/dist/fonts.css\\");\n\n/\* 3. Additional pantoken styles \*/\n\n/\*\* Anything you want to include from https://pantoken.app/guide/cdn-picker\n \* For example, to include the \\"backpack\\" icon, add:\n \* @import url(\\"https://cdn.jsdelivr.net/combine/npm/@pantoken/components/dist/icons/backpack.css\\");\n \*/\n\n/\* ---------------------------------------------------------------------------------------------\n \* Your overrides go below this line. Canvas loads Theme Editor CSS after its own stylesheet, so\n \* anything added here can safely override pantoken's defaults too.\n \* ------------------------------------------------------------------------------------------- \*/\n"

Alpha