[doks 0.3.5 ] Mermaid background color in dark-mode

[OCram85]

I recently updated my doks based sites to version 0.3.5 and tried to set the background color again again for mermaid blocks:

In previous versions I set a static color for light and dark mode like this:

• _mermaid.scss default for light mode

.mermaid {
  ...
  ...
  background-color: rgba($lagoon-60, 0.5);
  border-color: $midnight-600;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}

The background was set globally here:

So doks 0.3.5 now introduced the darkmode settings in _dark.sccs. I tried to migrate to the new schema with this:

[dark-dark-mode] body .mermaid {
  background-color: rgba($lagoon-40, 0.5);
}

Unfortunately this doesn't affect anything. The rule doesn't seem to match and won't be applied.

Do I use the wrong selector? Thanks for any help! 😄

[h-enk]

What about:

[data-dark-mode] body .mermaid {
  background-color: rgba($lagoon-40, 0.5);
}

[OCram85]

Sorry for the dumb question. facepalm. I just didn't see the data- prefix.

[OCram85]

... And I was wondering why using a duplicated prefix like dark-dark-*