# \[NEW\] Theming Update: Major Visual Changes in Perspective

**URL:** <https://forum.inductiveautomation.com/t/new-theming-update-major-visual-changes-in-perspective/34020>\
**Category:** Ignition Early Access\
**Created:** [April 17, 2020, 11:41pm UTC](https://forum.inductiveautomation.com/t/new-theming-update-major-visual-changes-in-perspective/34020 "2020-04-17T23:41:06Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [April 17, 2020, 11:41pm UTC](https://forum.inductiveautomation.com/t/new-theming-update-major-visual-changes-in-perspective/34020/1 "2020-04-17T23:41:06Z")

</div>

8.0.13 introduces some major visual changes in  
Perspective. Theming has been overhauled and fully implemented. The result is a culmination of many months of intensive design, development, quality assurance, and collaboration. A sincere thank you to everyone who was involved in this project. In brief, here is what you need to know about the changes to theming in Perspective. For a more detailed introduction into what theming is meant to solve and the theory behind it, keep a lookout for an upcoming blog post.

- The majority of components have been extensively themed, with the exception of chart and third party gauge components.
- Every component now follows consistent design patterns to provide your project with a more unified look.
- Existing `light` and `dark` themes have been fully implemented.
- We’ve added four more built-in themes; `light-cool`, `light-warm`, `dark-cool`, and `dark-warm`. **See preview below.**
- The properties or implementation of some components may have changed in order to support theming. For example, the ProgressBar has been redesigned and the Checkbox and RadioGroup are now icon based.
- Docks have no background color, i.e. they are transparent by default.
- The theming system has been updated to allow for modular development of themes and help alleviate some of the frustrations inherent to managing large amounts of CSS.
- Any existing files found in the themes directory upon upgrade will be copied to a folder called `.backup`.
- If at some point you had created your own theme or modified one of the existing built-in themes (don’t do this) you will need to revisit your changes in order to make them compatible with the new theming system.
- Those interested in creating their own themes may reference the “ **Guide to Theming in Perspective** ” at the root of the themes directory (README.md) upon upgrade.

We highly recommend reviewing your projects to determine if anything may need to be adjusted as a result of this major visual change. For the early adopters, please feel free to report any issues you encounter so we can help resolve them as soon as possible.

## Theming Preview:

### Light

 ![light](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c6616c6025be8e816178d1d925a313d325ce56c0.png)

### Light Cool

 ![light-cool](https://us1.discourse-cdn.com/inductiveautomation/original/2X/6/6344d59dc32578ddc1118dc0ca90071702e999ef.png)

### Light Warm

 ![light-warm](https://us1.discourse-cdn.com/inductiveautomation/original/2X/f/f2baf3473b2cb23866db61350456e9dec05a5530.png)

### Dark

 ![dark](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/921074271f1e3fbab968402bbf93e9e8c727399c.png)

### Dark Cool

 ![dark-cool](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/adc0b232f2a3aab0ec3c1140d626928214b3886e.png)

### Dark Warm

 ![dark-warm](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/e633095f1c6f03c1da4b845c7fee0123f9b33d88.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/new-theming-update-major-visual-changes-in-perspective/34020)._