讨论 » Greasy Fork 反馈

text color issues in dark mode

§
发表于: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

JasonBarnabe管理员
§
发表于: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.

§
发表于:2025-04-20

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

§
发表于:2025-04-24
编辑于: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.

§
发表于:2025-04-24

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

JasonBarnabe管理员
§
发表于:2025-04-25

I've lightened the link text color in dark mode.

If you're not interested in running dark mode, you may be able to tell configure your browser not to tell websites that you want it.

发表回复

登录以发表回复。