nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Table of Contents is not displaying links as blue text

Bianca Palacio

Hi Confluence Team --

I am using the TOC feature and it is currently showing links as grey text. I am expecting it to formatted as blue text. I am on a MacOS, using Chrome, and I'm in dark mode (though I've tried in light mode too and it still does not work). I've also tried to refresh my cache.

Is there any fix?

Cheers

Screenshot 2025-03-03 at 7.43.17 PM.png Screenshot 2025-03-03 at 7.42.33 PM.png

Accepted answers

Bill Sheboy

Hi @Bianca Palacio -- Welcome to the Atlassian Community!

That symptom was added as a defect today in the public backlog. You may vote for / watch it to see progress.

https://jira.atlassian.com/browse/CONFCLOUD-80974

Kind regards,
Bill

All comments

Jack Brickey

Hi @Bianca Palacio , have you tried different browsers by chance? Are others experiencing this? You mentioned dark mode, did you try disabling just as a test?

Sabine Rommel

I experience the same and I tested it in Chrome and Safari

Patrick Alexander

Same here... users are confused

Dylan Nigh

I can confirm this is happening here as well on Google Chrome and Safari, but also on a white background as opposed to original poster's dark mode photo.

Chrome version: 133.0.6943.142 (Official Build) (x86_64)

Safari version: 16.6 (18615.3.12.11.2)

If this behavior can somehow be changed, it would help tremendously. This is the kind of thing that can trip up an end user.

Barbara Szczesniak

@Bianca Palacio Welcome to the community.

I don't see anything in this article (https://community.atlassian.com/t5/Confluence-articles/Confluence-is-getting-a-visual-refresh/ba-p/2914570) about changes to the color of links, but you might ask your question on that post and tag the article author.

In the images talking about the Typography changes, the Current image includes a Link and Link Pressed, but nothing about links in the New image.

My instance is not using this new UI yet, so I can't test this.

renee.watts

We are experiencing the same issue. We are not using the new UI yet. Our table of contents links are now black. Child page(Children Display) is working as we expect with blue links.

I experience the same results using Chrome, Safari, and Firefox.

Andrew Jones

I'm seeing this as well, Firefox on Windows. From a technical standpoint, it's caused by the style:

.cc-b0hel9 {
color: var(--ds-text,#172b4d);
}

Which overrides the default link color of blue. I see the same --ds-text color is being applied to the main <body> element, so I suspect (and hope) this is a CSS bug rather than an intentional change.

Roy Fisher

It's not just Dark Mode. Within a rendered internal Table of Contents, an unclicked link appears as regular text, whatever "regular text" is for the current theme. Hovering over a line in the TOC adds an underline to indicate it's a link (but does not change the colour). This is on the latest version of Chrome. If this is a deliberate UX change, it's a horrible one, and it's also inconsistent with other links.

Non-TOC links in the body are formatted correctly. That is, they're blue and underlined even without focus.
It seems to happen in both the New Editor and the Old Editor.
It does not happen when using the Child Pages (Children Display) macro, which builds a TOC based on child pages in the page structure.
For me, the bug just started this morning.

Andrew Jones

Specifically, table of content links contain an <a> element with a "toc-link" class, and specify of a color of var(--ds-link), a pleasant blue, based on the <a> element. But within the link is a <span> element with the "cc-b0hel9" class which overrides that blue with the dark gray we are seeing.

I'm not sure what the purpose of the "cc-b0hel9" class is, but the more I look at the page structure the more confident I am that this wasn't an intentional change.

Bill Sheboy

Hi @Bianca Palacio -- Welcome to the Atlassian Community!

That symptom was added as a defect today in the public backlog. You may vote for / watch it to see progress.

https://jira.atlassian.com/browse/CONFCLOUD-80974

Kind regards,
Bill

Dylan Nigh

Thanks for posting! If everyone impacted could mark as such on that Jira ticket, it'd help us get that issue prioritized by clicking on that "Vote for this issue" link by the "Affected Customer" field in the upper right.

Thanks!

Andrew_esqlfv

Same issue here. Wrong text style and it's all in black instead of blue. I literally just created a page and started questioning my sanity.

This is now an unassigned bug ticket with a low priority, so I guess we can expect Atlassian to fix this in, 18 months if not 24? Yay....

Just roll back whatever the change was that caused this. It's quite likely to be either planned or unplanned maintenance that has caused this.

Andrew_esqlfv

This bug has nothing to do with dark or light modes. All modes on all browsers for me. Chrome, Safari, Firefox and Edge.

Interestingly though, only my personal Confluence site is impacted. Our company Confluence site is not impacted.

Jack Brickey

My guess is a new implementation is rolling out that is causing this. Maybe this is by design or a regression.

Bill Sheboy

Yup...based on that defect's "Bug type" field changing to Warranty recently, this was likely caused by a recent change. Fortunately, it also changed to "Short Term Backlog" in the last 45 minutes :^)