Discussions » Greasy Fork Feedback

text color issues in dark mode

§
Posted: 2025-04-19

GF now has a dark mode and follows the device preference, that's wonderful!

I noticed a couple of CSS issues with the text being hard or impossible to read:

  • the .notice, like on this very "new discussion" page, is white text on light-blue background
  • a nested <pre><code>, like the one generated by a triple-tick markdown ```, is black text on black background
code {
  background-color: #f2e5e5;
}
pre code {
  background: none;
  border: 0;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #0a0a0a;
    color: #fff;
  }
  code {
    color: #000;
  }
}

^ by the end of it, <pre><code> ends up with text color #000 on a "none" background which is also interpreted as #000

I guess a pre:has(code) { background: #f2e5e5; } in the dark color scheme could help

§
Posted: 2025-04-20

I've fixed these issues.

I don't typically run in dark mode, so there may still be things that are unusable or look weird. If you find anything else, let me know.

§
Posted: 2025-04-20

great, I will. and thank you very much for offering a dark mode for us night owls and OLED users :)

§
Posted: 2025-04-24
Edited: 2025-04-24

I was thinking why GF looks weird. :)

Text with links is very hard to read, I prefer my own Darkmode User look. Can we have option to disable GF's dark mode?

EDIT: Or just make text with URL readable, because now it's almost unreadable for me.

I don't know how to disable the weird GF dark mode, but I am still using my GreasyFork Dark.

Post reply

Sign in to post a reply.