Color of Table of Content is changed

Same issues for us, use to take style from the theme now it’s all different. Can’t change in CSS as it looks like every block is unique.

Hi @adityathakur and @meftech! Thanks for letting us know. We’re now working to make the table of content colors unset by default. We’ll let you know when it becomes available.

Meanwhile, please add the following code snippet to your custom CSS to disable the custom feature in the frontend (and revert to theme-based colors) for now:

.ub_table-of-contents > *, .ub_table-of-contents a {
    background-color: inherit !important;
    color: inherit !important;
}

Let us know how it goes.

Hey @alexius08 , the given code didn’t make any changes. The text color is still plain black with no background color.

Hi @adityathakur! Do you have a link to one of the pages with a table of contents block affected by the latest update? We might be able to figure out what prevents the above code snippet from working and how to get around it.

Hi @alexius08 ! Here is the link for your reference https://www.datingthings.com/aisle-app-review/.
The table background color is changed to default, but the link color is still black.

Hi @adityathakur! Upon checking the linked page, it turns out that your theme has specified a color for links, and the code snippet we provided is picking up a completely-different color.

Here’s a replacement CSS snippet specifically tailored for your page:

.ub_table-of-contents > * {
    background-color: inherit !important;
}
.ub_table-of-contents a {
    color: var(--global-palette-highlight) !important;
}

Hopefully, this one would work as intended for your case.

The color of the link text is now back to whatever we want. Thanks for that, but now, the background color of TOC is plain white, which used to be slightly gray to make it distinguish.