color contrast issues

[pkra]

While working on w3c/aria#2410 I found some contrast issues that can also be observed on https://respec.org/docs/.

• TOC
  • light & dark mode: "Tables of Content" has insufficient contrast (due to var(--tocsidebar-heading-text))
  • dark mode: .toc code {#005a9c} leads to insufficient contrast
• highlight.js: in dark mode, the color theme causes contrast issues in most code snippets, in particular html.
• WebIDL: in light mode, "WebIDL" has insufficient contrast (.idlHeader { color: var(--defrow-border,#fff)})

I'll update this issue if I find more.

[sidvishnoi]

Apart from syntax highlighting (part of ReSpec), we'd need to file above in w3c/tr-design repo, as same colors get used by Bikeshed too (base.css).

I'll try finding some time this weekend to address this. Happy to review PRs though.

[pkra]

Thanks @sidvishnoi.

Is there a way to configure the highlight.js theme in the respec configuration? It offers some themes with better contrast.