Light/dark mode leads to low background/colour contrast tooltip

Open
#13,195 9 comments 0 reactions 1 assignee View on GitHub

@cscheid is already working on this.

Since Aug 8, 2025.

Assessment

This issue has not been assessed yet.

Description

accessibility brand bug themes

Currently the $tooltip-bg and $tooltip-colour have no contrast or insufficient one in dark mode.

The main case is quarto.org, see:

I think the issue lies in how those two variables are set, take the following example:

---
format: html
theme:
  dark:
    - cosmo
    - brand
brand: 
  color:
    background: "#333333"
    foreground: "#fafafa"
---

```python
print("Hello, World!")
```
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from quarto-dev/quarto-cli

All issues in quarto-dev/quarto-cli

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.