# Overlay red border and popup can able to customize

**URL:** <https://forum.inductiveautomation.com/t/overlay-red-border-and-popup-can-able-to-customize/116591>\
**Category:** Ignition\
**Tags:** ignition83, perspective\
**Created:** [July 30, 2026, 5:50pm UTC](https://forum.inductiveautomation.com/t/overlay-red-border-and-popup-can-able-to-customize/116591 "2026-07-30T17:50:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nithish.s](https://avatars.discourse-cdn.com/v4/letter/n/848f3c/32.png) [@nithish.s](https://forum.inductiveautomation.com/u/nithish.s)\
**Post date:** [July 30, 2026, 5:50pm UTC](https://forum.inductiveautomation.com/t/overlay-red-border-and-popup-can-able-to-customize/116591/1 "2026-07-30T17:50:19Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/8/6829a49e46c51b014f69ef1fcba8ce5d84a575ad.png)  
If possible to customize the overlay red color border and popup. i have above 250 tags and components.  
or global control overlay option is there

---

<div class="post-metadata">

**Author:** ![nithish.s](https://avatars.discourse-cdn.com/v4/letter/n/848f3c/32.png) [@nithish.s](https://forum.inductiveautomation.com/u/nithish.s)\
**Post date:** [July 30, 2026, 6:02pm UTC](https://forum.inductiveautomation.com/t/overlay-red-border-and-popup-can-able-to-customize/116591/2 "2026-07-30T18:02:04Z")

</div>

if anybody know about this.

---

<div class="post-metadata">

**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\
**Post date:** [July 30, 2026, 6:09pm UTC](https://forum.inductiveautomation.com/t/overlay-red-border-and-popup-can-able-to-customize/116591/3 "2026-07-30T18:09:12Z")

</div>

I'm not sure why you would want to customize those, as they exist to indicate a potential problem, and are not something you would want the end user to ever see. You can _suppress_ them using "Overlay Opt-out" if you know that the cause is not an issue of concern.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [July 30, 2026, 6:13pm UTC](https://forum.inductiveautomation.com/t/overlay-red-border-and-popup-can-able-to-customize/116591/4 "2026-07-30T18:13:22Z")

</div>

This UI piece is not directly exposed within the Designer. As with everything else, you can apply your own styling to this piece with settings applied within the Gateway-wide theming files, or project specific `stylesheet.css` resource.

---

<div class="post-metadata">

**Author:** ![Noah\_Burnette](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/noah_burnette/32/83777_2.png) [@Noah\_Burnette](https://forum.inductiveautomation.com/u/Noah_Burnette)\
**Post date:** [July 30, 2026, 8:02pm UTC](https://forum.inductiveautomation.com/t/overlay-red-border-and-popup-can-able-to-customize/116591/5 "2026-07-30T20:02:48Z")

</div>

I usually throw something like this in my theme to make those errors not as intrusive by only keeping the dot and adding a transition delay. Makes the UI a lot cleaner IMO.

```css
.ia_qualityOverlay__icon--error {
	visibility: hidden;
	animation: iaOutlineShow 0s linear forwards;
	animation-delay: 2s;
}

.micro-icon-container {
    visibility: hidden;
	animation: iaOutlineShow 0s linear forwards;
	animation-delay: 2s;
}

@keyframes iaOutlineShow {
	to {
		visibility: visible;
	}
}
.ia_qualityOverlay--error{
    border-color: #00000000 !important;
}

.ia_qualityOverlay__footer--error {
	background-color: #00000000;
	color: #00000000;
}

```