Table of Contents is not displaying links as blue text

Bianca Palacio
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 3, 2025

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.pngScreenshot 2025-03-03 at 7.42.33 PM.png

10 answers

7 votes
Patrick Alexander
Contributor
March 4, 2025

Same here... users are confused

Dustin Blair
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 5, 2025

Same here! Not Good!

 

6 votes
Dylan Nigh
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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.

 

4 votes
Bill Sheboy
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
March 4, 2025

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
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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!

Like # people like this
Dustin Blair
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 5, 2025

Done!

 

3 votes
Roy Fisher
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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.
3 votes
Andrew Jones
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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.

Andrew Jones
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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.

Like # people like this
2 votes
renee_watts
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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. 

1 vote
Andrew
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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.

renee_watts
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 5, 2025

Today, the priority was changed to high, but it is still unassigned. There is hope. 

1 vote
Sabine Rommel March 3, 2025

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

1 vote
Jack Brickey
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
March 3, 2025

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?

Andrew
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 4, 2025

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.

Like Dustin Blair likes this
Jack Brickey
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
March 5, 2025

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

Bill Sheboy
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
March 5, 2025

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 :^)

0 votes
Barbara Szczesniak
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
March 4, 2025

@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.

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
PREMIUM
TAGS
AUG Leaders

Atlassian Community Events