SabakiHQ / Sabaki

An elegant Go board and SGF editor for a more civilized age.
https://sabaki.yichuanshen.de/
MIT License
2.39k stars 376 forks source link

Switching UI Colors #490

Closed psygo closed 5 years ago

psygo commented 5 years ago

Is there a way of switching the white on black Sabaki colors to a black on white UI?

Lately, after experiencing some eye straining, I've been investigating about the colors I use on a day to day basis. And it seems that my coding practices are to blame: black on white, though more sleek, is killing my vision. In the 1980s, there was some research on the topic, and the conclusion of the studies was that users focus 20% better when working with black on white. That's why the background white light helps to close the irises, which, in turn, helps focus. When I use white on black, the text will inevitably be fuzzy, like the stars in a night sky. The only instance where white on black is better is if the background lighting is hurting your eyes, which can happen if the exposure is too long, but it's much rarer.

Could there be another preferences toggle button for the compartments colors, just so the user has the option can choose whatever UI he wants? I don't know if that's already a feature of the theme section, but it doesn't seem to be the case. So far I've been switching the editing mode back and forth to not have my eyeballs pop out (black on yellow is even better than black on white I think, much like with good books).

yishn commented 5 years ago

You can easily customize Sabaki using a userstyle. That said I don't really want to maintain two official stylesheets.

psygo commented 5 years ago

Ok. But where exactly is this userstyle you mentioned?

yishn commented 5 years ago

You can find more information in the documentation.

psygo commented 5 years ago

Ok, thanks for the help. I wish it were slightly simpler to find out how to do it, but I managed.

And boy is this Electron framwork powerful, I'm almost creating a toy app just so I can use it.