thuliteio / doks

Everything you need to build a stellar documentation website. Fast, accessible, and easy to use.
https://getdoks.org
MIT License
2.1k stars 359 forks source link

Rendering broken on dark-theme cards #1143

Open c4lliope opened 10 months ago

c4lliope commented 10 months ago

Hello - here's an example using Doks on https://www.cloudhypervisor.org/ - you can see the .card selector has precedence for rendering a dark font color rule, regardless of the dark background theme on the page.

image

h-enk commented 10 months ago

Add color: $body-color-dark; to assets/scss/common/_dark.scss — see also https://github.com/cloud-hypervisor/cloud-hypervisor.github.io/blob/main/assets/scss/common/_dark.scss#L379-L382 — and you're good to go

[data-dark-mode] body .card {
  background: $body-bg-dark;
  border: 1px solid $border-dark;
  color: $body-color-dark;
}