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
tinytable 0.16.0modelsummary 2.6.0- Quarto 1.9.36
- R 4.5.3
- macOS 26.4
The media query overrides
--tt-text-colorto#e0e0e0regardless of the host document's actual background color. Since Quarto light themes likeflatlykeep a white background even when the OS is in dark mode, the result is light grey text on white — effectively invisible.Minimal Quarto document:
Steps to reproduce:
quarto renderExpected 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:
Screenshots
Environment
tinytable0.16.0modelsummary2.6.0