quarto-dev / quarto-dev/quarto-cli

brand.typography.link.background-color applies to light/dark mode toggle button

Open
#12,877 0 comments 0 reactions 1 assignee View on GitHub

@gordonwoodhull is already working on this.

Since Jun 2, 2025.

brand bug dark-mode themes
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Description

a.quarto-color-scheme-toggle is indeed a link but it should probably not be styled as one, at least not the background color.

Image
---
format: html
brand:
  light:
    color:
      foreground: '#222'
      background: '#eee'
    typography:
      link:
        background-color: '#efe'
  dark:
    color:
      foreground: '#eee'
      background: '#222'
    typography:
      monospace:
        background-color: '#321'
      link:
        background-color: '#421'
        color: '#c3a'

---


# light and dark brand syntax


```{r}
#| lst-label: lst-fibonacci
#| lst-cap: A naive algorithm for computing Fibonacci numbers.
fib <- function(x) {
  if (x < 2) 1 else fib(x - 1) + fib(x - 2)
}
```

Here is [a link](https://example.com).

{{< lipsum 2 >}}

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.