# Changing opacity with built-in theme colors

**URL:** <https://forum.inductiveautomation.com/t/changing-opacity-with-built-in-theme-colors/106530>\
**Category:** Ignition\
**Created:** [May 21, 2025, 8:19pm UTC](https://forum.inductiveautomation.com/t/changing-opacity-with-built-in-theme-colors/106530 "2025-05-21T20:19:26Z")\
**Posts on this page:** 2\
**Page:** 2

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [May 27, 2025, 6:13pm UTC](https://forum.inductiveautomation.com/t/changing-opacity-with-built-in-theme-colors/106530/21 "2025-05-27T18:13:24Z")

</div>

> [@nminchin](#):
>
> Fwiw, you can modify variable colours using the `from` keyword eg  
> `hsl(from(var(--indicator) h s l / 20%)` will set the alpha channel / transparency to 20% while keeping the other values the same

You can also create your own theme file with your own css variables and hex values. Which can make the styles inside ignition much easier to read. But that comes with its own headaches.

---

<div class="post-metadata">

**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\
**Post date:** [May 29, 2025, 1:13pm UTC](https://forum.inductiveautomation.com/t/changing-opacity-with-built-in-theme-colors/106530/22 "2025-05-29T13:13:41Z")

</div>

> [@Transistor](#):
>
> The animation above was done with Screen2Gif.
> 
> [https://www.screentogif.com/](https://www.screentogif.com/)

Alright, this is a nice program. Take my like

[Previous page](https://forum.inductiveautomation.com/t/changing-opacity-with-built-in-theme-colors/106530.md?page=1)