# Useful CSS Stuff

**URL:** <https://forum.inductiveautomation.com/t/useful-css-stuff/95414>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 2, 2024, 1:58am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414 "2024-09-02T01:58:19Z")\
**Posts on this page:** 5\
**Page:** 5

<div class="post-metadata">

**Author:** ![liam1](https://avatars.discourse-cdn.com/v4/letter/l/e68b1a/32.png) [@liam1](https://forum.inductiveautomation.com/u/liam1)\
**Post date:** [June 18, 2026, 6:33am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/81 "2026-06-18T06:33:38Z")

</div>

Is this a module you developed? Would you willing to share it, it looks super useful.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [June 18, 2026, 6:54am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/82 "2026-06-18T06:54:57Z")

</div>

It's not a module as such, it's just a script library that add a toolbar icon into the Designer and launches a Java UI.

It should support v8.1 and v8.3, although I've only tested this standalone version in 8.3 (I unbolted it from my other much larger set of dev tools)  
[CSSThemeManager-Standalone-v0.1.0.zip](https://forum.inductiveautomation.com/uploads/short-url/h2UDctkRPg5h5WmNBPhb3N4imly.zip) (19.5 KB)

"Install" the icon in the toolbar using:

```python
dev.tools.standalone.cssThemeManager.install()

```

If you have Vision installed (including in expired trial mode), you can have it install on Designer launch with a Vision Client expression tag with the expression:

```python
now(0) # fire once on launch

```

Tag Events -\> Value Change:

```python
dev.tools.standalone.cssThemeManager.install()

```

_Caution: I would suggest testing this in a dev environment first_  
Also, again, the UI definitely needs some love... the way Claude presented the file structure at first I thought was very odd, but it grew on me so I left it.  
You can't add/delete files at this stage, but I might add it

If you're interested, I have another Icon library manager I posted over here:

> [@Perspective Custom Icons](https://forum.inductiveautomation.com/t/perspective-custom-icons/115999/3):
>
> [Standalone Perspective Icon Library Manager.zip](https://forum.inductiveautomation.com/uploads/short-url/aDKVOdPUMlH1RfIoDghYVDWzLzG.zip) (15.5 KB) I got Claude to write me a Perspective icon library manager to make icon management simple directly within the Designer; no admin rights or remote server access required! (admin rights provided by the service account that the Ignition service runs under) it adds an icon into the Project Browser toolbar to launch it you can drag SVGs into the Icons panel on the right it uses a gateway message handler (included in the project e…

---

<div class="post-metadata">

**Author:** ![liam1](https://avatars.discourse-cdn.com/v4/letter/l/e68b1a/32.png) [@liam1](https://forum.inductiveautomation.com/u/liam1)\
**Post date:** [June 18, 2026, 9:14am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/83 "2026-06-18T09:14:17Z")

</div>

Thanks , it works.

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [June 18, 2026, 8:30pm UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/84 "2026-06-18T20:30:57Z")

</div>

Realistically could be done with either hex or hsl because the computer is doing the mixing. No reason the hue value couldn't just be the hex value and I'd imagine highlighting `rgb()` instead of `hsl()` wouldn't be any more difficult. Could even be a toggle switch in that some toolbar.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [June 18, 2026, 10:22pm UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/85 "2026-06-18T22:22:15Z")

</div>

Of course, but editing the colours is a human thing, and editing #3f25c8 to be slightly lighter is impossible without a ui, hsl(215, 70%, 60%) on the other hand is child's play, and you now also know exactly the 3 values without having to open a colour wheel to see it.

A similar analogy is variable names in programming. We could just use variable names a b c d e f g h I J... aa bb cc, etc. They would work, sure. But to know what they did, you would have to go through the code to find out. If you give them descriptive names, you know without the effort

[Previous page](https://forum.inductiveautomation.com/t/useful-css-stuff/95414.md?page=4)
