No Code Attached Yet
avatar vcmb-cyclo
vcmb-cyclo
26 Dec 2025

Hi,

Display TAB link color bug on my Cassiopeia Template under Joomla 5.4.1

TAB link "color" is set to COLOR PRIMARY (see picture 1) rather than "LINK PRIMARY" color (picture 2) on some Cassiopeia pages.
Link color OK with bootstrap TAB overwrite (picture 3)

I've FIXED THIS using custom user.css on child template

Cassiopeia "template.min.css"
BUG line 12912 -
Cassiopeia - Joomla v5.4.1

FIXED file
.nav.nav-tabs .nav-link {
color:var(--cassiopeia-link-primary);
border:0;
border-top-left-radius:0;
border-top-right-radius:0;
padding:.75em 1em;
position:relative;
box-shadow:-1px 0 #0000000d
}

Original file (BUG)

.nav.nav-tabs .nav-link {
color:var(--cassiopeia-color-primary);
border:0;
border-top-left-radius:0;
border-top-right-radius:0;
padding:.75em 1em;
position:relative;
box-shadow:-1px 0 #0000000d
}

Workaround : custom user template css file
media/templates/site/cassiopeia_my-site/css/user.css
ADD LINE :
.nav.nav-tabs .nav-link {
color:var(--cassiopeia-link-primary);
}

Thanks to check, if this is a Cassiopeia BUG or correct link tab color setup?

Best regards,
Gilles

Sorry, I can't upload my 3 x JPG 30ko images ...

Votes

# of Users Experiencing Issue
1/1
Average Importance Score
3.00

avatar vcmb-cyclo vcmb-cyclo - open - 26 Dec 2025
avatar vcmb-cyclo vcmb-cyclo - change - 26 Dec 2025
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 26 Dec 2025
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 26 Dec 2025
avatar vcmb-cyclo
vcmb-cyclo - comment - 26 Dec 2025

Note: image upload on issues.joomla.org is currently not working for me (Chrome/Firefox, no extensions),
so screenshots are provided via external links.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46617.

avatar chmst
chmst - comment - 27 Dec 2025

I don't see this as a bug but as a matter of taste - every user has their own preferences where to use wchich colour. You found a workaround for your site, the user.css is the right place for adapting a site.

avatar chmst chmst - change - 28 Dec 2025
Status New Closed
Closed_Date 0000-00-00 00:00:00 2025-12-28 21:23:30
Closed_By chmst
avatar chmst chmst - close - 28 Dec 2025
avatar chmst
chmst - comment - 28 Dec 2025

I am closing this as it is not a bug.

avatar vcmb-cyclo
vcmb-cyclo - comment - 22 Jan 2026

Thank you for your reply.
We would like to clarify that this issue is not related to personal preferences or visual taste, but to CSS variable semantics and consistency in Cassiopeia.

Technical explanation
In the current Cassiopeia code, the tab link text color is defined using:
--cassiopeia-color-primary

However:
--cassiopeia-color-primary is defined and used as a background color
--cassiopeia-link-primary is the variable explicitly intended for text / link color

It is clearly a typographical mistake between “color” and “link” for a link element.

Add a Comment

Login with GitHub to post a comment