Fix the tables dark theme issue for Headless Typedoc

[eguyon-coveo]

To see the problem we currently have, you can open an incognito window and go to https://docs.coveo.com/en/headless/latest/reference/index.html

You'll see that the table has a bad UI when in dark mode

This is because data-theme is set to "os" when we dont have the cookies selected.

The solution is to use --color-background as the background color

[github-actions]

Pull Request Report

PR Title

❌ Title should follow the conventional commit spec:
<type>(optional scope): <description>

Example: feat(headless): add result-list controller

Live demo links

• Storybook

• Playwright report

Bundle Size

File	Old (kb)	New (kb)	Change (%)
case-assist	246.6	246.6	0
commerce	359.2	359.2	0
search	417.3	417.3	0
insight	408.5	408.5	0
recommendation	258	258	0
ssr	411.1	411.1	0
ssr-commerce	375.7	375.7	0

[alexprudhomme]

Should you also fix this for headless-react ?

[jpmarceau]

I thought I fixed this 🤔
#4963
In fact, I can't reproduce the bug on my machine...

If you do a hard refresh, does the issue go away on your browser @eguyon-coveo ?
(if you have a cached version of the CSS before my fix, it would explain why your table styling is messed up)

[eguyon-coveo]

I thought I fixed this 🤔 #4963 In fact, I can't reproduce the bug on my machine...

If you do a hard refresh, does the issue go away on your browser @eguyon-coveo ? (if you have a cached version of the CSS before my fix, it would explain why your table styling is messed up)

I don't think it's a cache issue because I ran it on incognito and got the same issue. When I load the page, the data-theme is set to "os" by default. The theme then changes based on the computer settings

When I change it to "dark", your code works. I think it might related to cookies. I talked to @jsmith2-coveo about it and he could probably explain it better than me

Screen.Recording.2025-03-14.at.5.10.24.PM.mov

[jpmarceau]

Ah my bad, TIL
Thanks Elouan