sqlectron-gui icon indicating copy to clipboard operation
sqlectron-gui copied to clipboard

Dark theme has a very low contrast ratio and hard to see in monitors with low contrast ratio

Open synle opened this issue 4 years ago • 1 comments

  • Areas such as links and the table menu are hard to see in dark mode because the contrast ratio is so low.
  • Should use media query to detect dark mode and preselect dark mode (@media (prefers-color-scheme: dark) ).

What we have now? Notice it's super low contrast image

Ideally we can make them white, so it's easier to see image

I looked at the code, looks like there are a lot of inconsistencies in terms of stylesheet framework used. In this case, most of the colors are stored inside of src/renderer/containers/app.css and some places the code base uses scss. Might be easier to consolidate them.

synle avatar Jan 21 '22 00:01 synle

Same problem. The "executing query" text in the bottom left corner can't be seen clearly in dark mode. image

unfode avatar Dec 29 '22 22:12 unfode