Readmes/Markdown rendering with strange theming

[100KILOFUNK]

The Readme inside our packages are rendered with a strange theming, making code blocks hard to read and always in dark mode. Have someone encountered this? I can't find much information on the topic. Sorry for the minimal screenshot, I don't want to include sensitive information.

Version 5.24.1

Web configuration

web:
  title: NPM - *****
  primary_color: "#de4136"
  scope: "@*****"
  metaScripts:
    - '<meta name="robots" content="noindex" />'

What I've tested:

• Removing the primary_color attribute
• Forcing light mode using dark: False and disabling the theme switcher.

We have no added styles of our own and no additional plugins installed.

Thanks in advance.

Update:

We've understood the cause to be because of system theme settings. On devices set to Dark mode, the README is rendered with a black background. Our next question is this can be circumvented, or should this be reported as a bug?

[juanpicado]

If you change the primary_color probably side effects might happens, I usually don't use this property but might be a bug.

[100KILOFUNK]

Thanks for taking the time @juanpicado, I've tested without this property and the problem persists. I might add that we have no styling of our own or any additional plugins beyond the core installed

[100KILOFUNK]

After some testing, we understood that this has to do with the device settings. If the Device (tested on MacOS and Android) is set to dark mode then the readme is rendered as dark, and vice versa.

[juanpicado]

Ok, I see, looks like a bug :) to me

[juanpicado]

Issue is mostly on the library we use, you can read more here:

• Switch themes based on class sindresorhus/github-markdown-css#104
• how to change theme sindresorhus/github-markdown-css#99

Unless someone suggest a replacement, implement something from scratch is something I want to avoid due the amount of required code to maintain.