# Style transfer to CSS

**URL:** <https://forum.inductiveautomation.com/t/style-transfer-to-css/113506>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 23, 2026, 8:57am UTC](https://forum.inductiveautomation.com/t/style-transfer-to-css/113506 "2026-01-23T08:57:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kain\_Denon](https://avatars.discourse-cdn.com/v4/letter/k/e68b1a/32.png) [@Kain\_Denon](https://forum.inductiveautomation.com/u/Kain_Denon)\
**Post date:** [January 23, 2026, 8:57am UTC](https://forum.inductiveautomation.com/t/style-transfer-to-css/113506/1 "2026-01-23T08:57:05Z")

</div>

I built our project using the styles in the designer. Now we want to transfer to a single source CSS file for the same project. Is there a way to easily transfer the already made styles to a CSS format? So I only need to put the –var-background-dark-theme for example?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [January 23, 2026, 9:52am UTC](https://forum.inductiveautomation.com/t/style-transfer-to-css/113506/2 "2026-01-23T09:52:04Z")

</div>

Select style in designer, `<Ctrl> + C`, open text editor, `<Ctrl> + V`

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [January 23, 2026, 9:54am UTC](https://forum.inductiveautomation.com/t/style-transfer-to-css/113506/3 "2026-01-23T09:54:09Z")

</div>

> **[Enabling the Advanced Stylesheet​ - Style Classes | Ignition User Manual](https://docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/styles/style-classes#enabling-the-advanced-stylesheet)**
>
> A Style Class is a group of Style settings that are saved together. Style Classes can be applied to multiple components to provide consistency in design. A Style Class enables you to define style elements in one place, and then quickly apply that...