Can I relocate the dark-mode button

[josherrickson]

Description

When generating a html formatted document, the dark-mode button appears in the top-right corner, disappearing as the user scrolls. Is there anyway to relocate that button - preferably into the TOC?

[mcanouil]

Could you share a small self-contained "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded R code.
When you run the code, it will produce a plot.

```{r}
plot(cars)
```

The end.
````

[josherrickson]

---
title: "Reproducible Quarto Document"
format: 
  html:
    toc: true
    theme:
      light: flatly
      dark: darkly

---

# Section 1

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

# Section 2

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

# Section 3

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
```

[mcanouil]

Oh I see now.
Unfortunately, I don't think there is a way to move the button from within Quarto.
Using JavaScript it might be possible but not trivial at all.