# Vision Checkbox colors

**URL:** <https://forum.inductiveautomation.com/t/vision-checkbox-colors/100815>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [January 13, 2025, 6:21pm UTC](https://forum.inductiveautomation.com/t/vision-checkbox-colors/100815 "2025-01-13T18:21:47Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tannen\_Cooper](https://avatars.discourse-cdn.com/v4/letter/t/e9c0ed/32.png) [@Tannen\_Cooper](https://forum.inductiveautomation.com/u/Tannen_Cooper)\
**Post date:** [January 13, 2025, 6:21pm UTC](https://forum.inductiveautomation.com/t/vision-checkbox-colors/100815/1 "2025-01-13T18:21:47Z")

</div>

In vision I am using the built in checkboxes and I have no been able to find a way to change the check box color from blue when enabled.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/f/3fce222d6555b0cc84b3dd746314232678919000.png)

I would like the checkbox to be grey when pressed with the checkmark white.

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [January 13, 2025, 7:33pm UTC](https://forum.inductiveautomation.com/t/vision-checkbox-colors/100815/2 "2025-01-13T19:33:20Z")

</div>

Vision is built on Java Swing and it does not support custom theming very well.  
My advice is to avoid going down this unsupported rabbit hole.

[How to Set UI Theme in v8.1 Vision Clients - Ignition - Inductive Automation Forum](https://forum.inductiveautomation.com/t/how-to-set-ui-theme-in-v8-1-vision-clients/54929/2)

---

<div class="post-metadata">

**Author:** ![Tannen\_Cooper](https://avatars.discourse-cdn.com/v4/letter/t/e9c0ed/32.png) [@Tannen\_Cooper](https://forum.inductiveautomation.com/u/Tannen_Cooper)\
**Post date:** [January 13, 2025, 8:39pm UTC](https://forum.inductiveautomation.com/t/vision-checkbox-colors/100815/3 "2025-01-13T20:39:18Z")

</div>

thank you for the feedback

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [January 18, 2025, 1:42am UTC](https://forum.inductiveautomation.com/t/vision-checkbox-colors/100815/4 "2025-01-18T01:42:09Z")

</div>

> [@dkhayes117](#):
>
> My advice is to avoid going down this unsupported rabbit hole.

I remember reading @dkhayes117's exploits in this rabbit hole back when I was going down it myself. I developed a lot of cool approaches to the problem here:  
[Check Mark Box is not Visible it is Transparent](https://forum.inductiveautomation.com/t/ign-6531-the-check-mark-box-is-not-visible-it-is-transparent-in-ignition-version-8-1-17/63435)

_...none of which have I ever used in production_ 🤣

If you need custom colors on a checkbox component, my recommendation would be to simply make a template. In reality, a checkbox component is nothing more than a button with two icons. Make a couple of shapes: one that represents an unchecked box, and one that represents the check. Then, simply bind the fill colors to an external property on the template, and inversely toggle everything with a mouse event.

**Example:**  
[checkbox.zip](https://forum.inductiveautomation.com/uploads/short-url/1WzQ6nFW0MIHVjH7MbTbOd0WnAs.zip) (4.0 KB)

**Result:**  
 ![checkbox](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/d/5dd55d90bb7691c665a2cb9ddb7ce5e8fb2c9ce1.gif)

The example template has external properties that allow the user to set the selected background, unselected background, and checkmark colors.