Tabs Page: How to change text font color of a selected tab?

LAMPEREVOLINSKI, DEBRA May 20, 2024

We are using a dark blue background for selected tabs and would like the text font color to be white when selected and black when not selected.  Currently the text font color for a selected tab is a shade of blue, that isn't very legible due to the dark background. 

Below is the code we're using, based on research found in this site.  Please indicate where we should make the change and if the color code should be #FFFFFF. Thanks!

.confluenceTd { border-color: white !important; padding: 15px !important;}.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a { font-family:verdana Console; font-style: italic; background-color: #0E497B; color:#FFFFFF; font-size: 19px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-radius: 12px; } .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item a { font-family: verdana; background-color:#F5F5F5; color:black; font-size: 16px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-radius: 12px; }

1 answer

0 votes
Zoriana Bogutska_Adaptavist_
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
June 24, 2024

Are you in the Data Center? What app do you use for tabs? 

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events