Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dark Mode / Themes #70

Open
dcraig327 opened this issue Jul 10, 2022 · 0 comments
Open

Dark Mode / Themes #70

dcraig327 opened this issue Jul 10, 2022 · 0 comments

Comments

@dcraig327
Copy link

What?
Requesting dark mode feature.

Detailed what?
The white used in the UI should be darkened. Not any images. Test all visible elements using an invert (bgcolor = black, color = white). If the UI is usable at that point, the fix should be easy.

Why?
A recent YouTube stream mentioned it as a request as did the streamer as did someone in the df forum page for LegendsViewer as am I right now. You can see in the video, the amount of light emitting from the monitor as it's maximized. If looking at the UI causes pain in tired eyes, then the brain attached to those eyes will perceive opening the app as being painful.

The RGB of the background color is (255,255,255), text is (0,0,0) and the UI is (240,240,240). Windows 10 uses roughly a (222,222,222) for the light mode taskbar background and a the clock text is (0,0,0).

ideas

  • Try testing a background 25% darker (191,191,191) and a foreground 25% lighter (64,64,64). Notice it's the background that has the biggest impact of pupil size.
  • To show a method used to allow light mode apps. Test reducing your monitors contrast to 0 and brightness to 0. Finally, in control panel, turn on and increase the night light strength -- which is similar to the blocked f.lux to see how effective mostly reducing the blue color is. My test using a phone camera on my monitor displaying a (255,255,255) color shows using f.lux at
    • 6500K: (194,188,234)
    • 1900K: (234,146,49)
  • Solarized: bg (0, 43, 54) / fg (131,148,150) -- and the colors listed on the page provide ideas of what color would compliment the UI.
  • Material Skin: for C# with many examples found searching for MaterialSkin.2 -- it makes it easy to allow users to define their own colors or you provide popular themes for them.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant