# \[16473\] Tab container selected tab underline colour

**URL:** <https://forum.inductiveautomation.com/t/16473-tab-container-selected-tab-underline-colour/23081>\
**Category:** Ignition Early Access\
**Created:** [March 6, 2019, 12:07am UTC](https://forum.inductiveautomation.com/t/16473-tab-container-selected-tab-underline-colour/23081 "2019-03-06T00:07:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\
**Post date:** [March 6, 2019, 12:07am UTC](https://forum.inductiveautomation.com/t/16473-tab-container-selected-tab-underline-colour/23081/1 "2019-03-06T00:07:50Z")

</div>

When using a tab container with a modern menuType, the selected tab is shown with a blue underline. We can then edit styles for the active and inactive tabs.

Is it possible to edit the colour of the blue underline, and if so, which tabStyle property would be used? I’m developing my application with a particular colour scheme to match a logo, and it would be neat to be able to have the underline be that colour, rather than the default blue.

---

<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:** [March 6, 2019, 3:58pm UTC](https://forum.inductiveautomation.com/t/16473-tab-container-selected-tab-underline-colour/23081/2 "2019-03-06T15:58:00Z")

</div>

Hi,

At the moment, there’s no way to edit the color of the active tab underline in modern mode. We can create a feature request to visit this at a later date.

-Yousuf

---

<div class="post-metadata">

**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\
**Post date:** [March 6, 2019, 9:20pm UTC](https://forum.inductiveautomation.com/t/16473-tab-container-selected-tab-underline-colour/23081/3 "2019-03-06T21:20:33Z")

</div>

No problem. Definitely a low priority idea, just wondered if it was possible

---

<div class="post-metadata">

**Author:** ![bao.nguyen](https://avatars.discourse-cdn.com/v4/letter/b/8c91f0/32.png) [@bao.nguyen](https://forum.inductiveautomation.com/u/bao.nguyen)\
**Post date:** [September 8, 2022, 7:17am UTC](https://forum.inductiveautomation.com/t/16473-tab-container-selected-tab-underline-colour/23081/4 "2022-09-08T07:17:19Z")

</div>

Hi,  
I tried investigating the HTML elements and found out that ‘boxShadow’ would help me change the underline colour.  
Please see the below image.  
Cheers.

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

---

<div class="post-metadata">

**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\
**Post date:** [September 12, 2022, 2:48am UTC](https://forum.inductiveautomation.com/t/16473-tab-container-selected-tab-underline-colour/23081/5 "2022-09-12T02:48:11Z")

</div>

Excellent, thanks!