Hi All, Lately we have been getting some questions about dark mode support for Hop. We have at least one OS *cough* OS X *cough* that makes Hop unusable when turning on dark mode. Currently some parts of the UI use system font and settings and some parts don't. This causes white text on white backgrounds. Matt has created a first stub on adding dark mode support to hop which can be found on his fork [1]. The code added creates the possibility to overwrite the colors used in an SVG and convert it on the fly to a version that is visible on a dark background.
For this to fully work we would have to create a default theme/color scheme for hop, we will need to identify all colors currently used and a dark mode friendly alternative. We can move the branch Matt created to the main repository and pile fixes on that branch until we are happy with the result and then merge it to our main branch. For inspiration about how to create a dark mode friendly counterpart for each color we can search for inspiration at material [2] , Human Interface Guidelines [3], or other sources... I am by far an UX expert. We also have to make sure they align with our current colors that can be found in our style guide [4] What are your thoughts about the subject, all input and suggestions are welcome! And is there a volunteer that wants to take lead in this endeavour? Cheers, Hans [1] https://github.com/mattcasters/incubator-hop/tree/dark [2] https://material.io/design/color/the-color-system.html#color-usage-and-palettes [3] https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ [4] https://github.com/apache/incubator-hop-website/blob/master/static/graphical_resources/brand_guideline_hop.pdf
