5 ms·

Why mess with content colors? Just leave the images.

jgtrosh 7y ago
The problem is very simple: if you have diagrams with black lines on transparent background it doesn't work with dark background. Many colour choices we do make less sense for dark backgrounds than for light ones. The comment above properly describes the breadth of real problems you might face.
- baroffoos 7y ago
  The easy option is to just put a white background behind the diagrams. It might not be as pretty as having the image designed right for a black background but its better than that hack.
  - the8472 7y ago
    that can be like a lighthouse in a dark night. flux can help of course, but if you are serious about supporting dark mode then you should eliminate as much white space as managable.
    - anfedorov 7y ago
      I think he means if you're serious about dark mode then design two graphs one light, one dark. Solving "how do I turn a well designed light mode image into a dark mode image" is an AI task that would be a nice research paper, not something a designer can hack together with a bunch of if-then rules.
  - seansta 7y ago
    +1
  - greggman2 7y ago
    I would have thought so to but looking at the white background digrams on the dark pages was a horrible experience. It pretty much defeated the entire purpose of having a dark mode as there was these bright white diagrams shining in my eyes. Which is better you can compare Here's before dark mode https://codepen.io/greggman/full/vYYOxjd https://codepen.io/greggman/full/vYYOxjd Here's leaving the backgrounds to the diagrams white https://codepen.io/greggman/full/zYYGZWB https://codepen.io/greggman/full/zYYGZWB And here's the hue rotated solution https://codepen.io/greggman/full/abbOJYB https://codepen.io/greggman/full/abbOJYB The ideal solution would be to make all the diagrams twice but that's a ton of work if your site has lots of diagrams. Of course it's all an opinion. I don't have time to redo all the diagrams or go make them CSS styled indivdually so this is the solution I chose for now.
    - jgtrosh 7y ago
      Yeah, the hue rotation is really nice. Do you have a real example where it doesn't work?
DoreenMichele 7y ago
If you have a lot of images with white backgrounds, that's going to defeat the purpose of Dark Mode. Some people prefer dark mode because they suffer migraines and bright lights are a problem when they have a migraine. Or homeless people may be using it for both stealth purposes and battery conservation when they have limited opportunities to recharge. For some people, this preference is not just some minor detail. It's a much more important thing than "I just happen to like dark color schemes."
- dageshi 7y ago
  Do you not think maybe that people with migranes and homeless people conserving battery might be edge cases just a little bit too far to worry about? Because I do. And I'm someone who runs permanent dark mode via plugins in firefox due to eye strain/headaches. I don't expect the world to bend over backwards and I certainly don't expect people to recolour image backgrounds for me. The plugins do a good enough job.
  - DoreenMichele 7y ago
    In the U.S., more than 38 million people have migraine disease, with some estimates suggesting that this number may be even higher, impacting as many as 50 million or more. Some migraine studies estimate that 12 percent of adults in the U.S. population have migraine, and 4 million have chronic migraine. https://migraine.com/migraine-statistics/ https://migraine.com/migraine-statistics/
- saagarjha 7y ago
  > Or homeless people may be using it for both stealth purposes and battery conservation when they have limited opportunities to recharge. Sorry, what? I feel like this is a very contrived reason to support dark mode in your interface, if it even helps…
  - DoreenMichele 7y ago
    Contrived: deliberately created rather than arising naturally or spontaneously. Synonym: deliberate created or arranged in a way that seems artificial and unrealistic. Synonym: forced ---- People can do anything they want with their websites. I'm not anyone who sets global policy on what your website should do. But there's nothing contrived about the comment. It's an unplanned, spontaneous thought based on first-hand experience. I spent nearly six years homeless. I'm quite open about that. I still blog about homelessness. I spent a lot of time online while homeless. This was written about me: http://alexandralindelof.com/story-package/ http://alexandralindelof.com/story-package/

The problem is very simple: if you have diagrams with black lines on transparent background it doesn't work with dark background. Many colour choices we do make less sense for dark backgrounds than for light ones. The comment above properly describes the breadth of real problems you might face.

baroffoos 7y ago
The easy option is to just put a white background behind the diagrams. It might not be as pretty as having the image designed right for a black background but its better than that hack.
- the8472 7y ago
  that can be like a lighthouse in a dark night. flux can help of course, but if you are serious about supporting dark mode then you should eliminate as much white space as managable.
  - anfedorov 7y ago
    I think he means if you're serious about dark mode then design two graphs one light, one dark. Solving "how do I turn a well designed light mode image into a dark mode image" is an AI task that would be a nice research paper, not something a designer can hack together with a bunch of if-then rules.
- seansta 7y ago
  +1
- greggman2 7y ago
  I would have thought so to but looking at the white background digrams on the dark pages was a horrible experience. It pretty much defeated the entire purpose of having a dark mode as there was these bright white diagrams shining in my eyes. Which is better you can compare Here's before dark mode https://codepen.io/greggman/full/vYYOxjd https://codepen.io/greggman/full/vYYOxjd Here's leaving the backgrounds to the diagrams white https://codepen.io/greggman/full/zYYGZWB https://codepen.io/greggman/full/zYYGZWB And here's the hue rotated solution https://codepen.io/greggman/full/abbOJYB https://codepen.io/greggman/full/abbOJYB The ideal solution would be to make all the diagrams twice but that's a ton of work if your site has lots of diagrams. Of course it's all an opinion. I don't have time to redo all the diagrams or go make them CSS styled indivdually so this is the solution I chose for now.
  - jgtrosh 7y ago
    Yeah, the hue rotation is really nice. Do you have a real example where it doesn't work?

DoreenMichele 7y ago

If you have a lot of images with white backgrounds, that's going to defeat the purpose of Dark Mode. Some people prefer dark mode because they suffer migraines and bright lights are a problem when they have a migraine. Or homeless people may be using it for both stealth purposes and battery conservation when they have limited opportunities to recharge. For some people, this preference is not just some minor detail. It's a much more important thing than "I just happen to like dark color schemes."

dageshi 7y ago
Do you not think maybe that people with migranes and homeless people conserving battery might be edge cases just a little bit too far to worry about? Because I do. And I'm someone who runs permanent dark mode via plugins in firefox due to eye strain/headaches. I don't expect the world to bend over backwards and I certainly don't expect people to recolour image backgrounds for me. The plugins do a good enough job.
- DoreenMichele 7y ago
  In the U.S., more than 38 million people have migraine disease, with some estimates suggesting that this number may be even higher, impacting as many as 50 million or more. Some migraine studies estimate that 12 percent of adults in the U.S. population have migraine, and 4 million have chronic migraine. https://migraine.com/migraine-statistics/ https://migraine.com/migraine-statistics/
saagarjha 7y ago
> Or homeless people may be using it for both stealth purposes and battery conservation when they have limited opportunities to recharge. Sorry, what? I feel like this is a very contrived reason to support dark mode in your interface, if it even helps…
- DoreenMichele 7y ago
  Contrived: deliberately created rather than arising naturally or spontaneously. Synonym: deliberate created or arranged in a way that seems artificial and unrealistic. Synonym: forced ---- People can do anything they want with their websites. I'm not anyone who sets global policy on what your website should do. But there's nothing contrived about the comment. It's an unplanned, spontaneous thought based on first-hand experience. I spent nearly six years homeless. I'm quite open about that. I still blog about homelessness. I spent a lot of time online while homeless. This was written about me: http://alexandralindelof.com/story-package/ http://alexandralindelof.com/story-package/