Why do I see "data-bs-theme='dark'" for the light version of my website?

[maelle]

Description

I have created an example website https://github.com/maelle/darklight (https://maelle.github.io/darklight/)

With custom.css, dark.scss and light.scss introduced in _quarto.yml like so

format:
  html:
    code-link: true
    highlight-style:
      light: arrow
      dark: arrow-dark
    theme:
      light: [cosmo, light.scss, custom.scss]
      dark: [cosmo, dark.scss, custom.scss]

The links in the light navbar are white on white. When inspecting the elements to find what I did wrong, I see ".navbar[data-bs-theme=dark]" which is puzzling to me.

I might be missing something obvious. 😅

[maelle]

To me at this moment this looks like a bug, but I can be proven wrong. 😇

[cscheid]

I think this is a bug indeed; we're looking into it in a separate issue. thanks for the patience!

[maelle]

Thanks for the update 🙏

[mcanouil]

For reference (if I am not mistaken and because I don't find another one^^):

• Make Bootswatch paired light and dark themes available #6741