Dark mode media query breaks table readability in light-themed Quarto documents
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 65/100
Research direction
Search the repository for --tt-text-color and the dark-mode media query, then reproduce the issue with the minimal Quarto document and quarto render. Done means table text remains readable in a light-only Quarto theme while still supporting documents configured with separate light and dark themes.
Written by the indexing model from the issue text.
Description
The media query overrides --tt-text-color to #e0e0e0 regardless of the host document's actual background color. Since Quarto light themes like flatly keep a white background even when the OS is in dark mode, the result is light grey text on white — effectively invisible.
Minimal Quarto document:
---
title: "Test"
format:
html:
theme: flatly
---
```{r}
library(modelsummary)
mod <- lm(mpg ~ wt + hp, data = mtcars)
modelsummary(mod)
```
Steps to reproduce:
- Set macOS to dark mode (System Settings → Appearance → Dark)
- Render the document with
quarto render - Open the resulting HTML in Safari or Chrome
- The table text is unreadable (light grey on white background)
Expected behavior
The table should respect the host document's color scheme, not the OS preference, unless the host document itself opts into dark mode — for example via Quarto's dual theme configuration:
---
title: "Test"
format:
html:
theme:
light: flatly
dark: darkly
---
---
title: "Test"
format:
html:
theme:
light: flatly
dark: darkly
---
Screenshots
Environment
tinytable0.16.0modelsummary2.6.0- Quarto 1.9.36
- R 4.5.3
- macOS 26.4
- Dominant language
- R
- Stars
- 344
- Forks
- 30
- Avg merge
- 23h 45m
- Merged PRs (30d)
- 1
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from vincentarelbundock/tinytable
-
latex
Difficulty 3/5 1-2 days Newbie friendliness 50/100
vincentarelbundock/tinytable#653 · 3 comments ·
-
`pkgdown` Open
Difficulty 4/5 3-5 days Newbie friendliness 45/100
vincentarelbundock/tinytable#624 · 16 comments ·
-
Difficulty 4/5 3-5 days Newbie friendliness 20/100
vincentarelbundock/tinytable#589 ·
All issues in vincentarelbundock/tinytable
Similar issues
-
documentation pkg infrastructure
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
epiverse-trace/epiparameter#511 ·
-
function:write_dwc
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
r-lib/pkgdepends#485 · 3 comments ·
-
Difficulty 1/5 Under an hour Newbie friendliness 92/100
-
beginners blocker
Difficulty 2/5 1-3 hours Newbie friendliness 78/100