Discussions » Greasy Fork镜像 Feedback

text color issues in dark mode

§
Posted: 19.04.2025.

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: 20.04.2025.

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: 20.04.2025.

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

§
Posted: 24.04.2025.
Edited: 24.04.2025.

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.

§
Posted: 25.04.2025.

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.

Post reply

Sign in to post a reply.

长期地址
遇到问题?请前往 GitHub 提 Issues,或加Q群1031348184

赞助商

Fishcpy

广告

Rainyun

注册一下就行

Rainyun

一年攒够 12 元