5 ms·
As it is often said in various designer forums, please avoid pure white (#FFFFFF) on black (here #111111), as it makes the text glow for the human eyes (therefo
by nc0 3y ago
As it is often said in various designer forums, please avoid pure white (#FFFFFF) on black (here #111111), as it makes the text glow for the human eyes (therefore making it unreadable for long text). Instead, try to lower a bit the contrast on the text color.
Also, the dispositions for the buttons at the beginning (GitHub, NPM, ...) are not adjusted correctly for keyboard navigation (each button requires two tabs).
Appart from that, I do like a minimalist stylesheet, so I will also recommend Tufte CSS [0] for readers.
[0]: https://github.com/edwardtufte/tufte-css https://github.com/edwardtufte/tufte-css
- dvdkon 3y agoThis really depends on the user's display and the viewing conditions. Someone with a TN LCD or even an OLED in bright light would likely prefer the "high contrast" #FFF on #000.
- icar 3y ago[dead]
- pier25 3y agoIt's also an accessibility issue. People with astigmatism might have a hard time with bright text over dark background. https://medium.com/@h_locke/why-dark-mode-causes-more-accessibility-issues-than-it-solves-d2f8359bb46a https://medium.com/@h_locke/why-dark-mode-causes-more-access...
- codingcoyote 3y agoAs someone with astigmatism, I prefer dark modes in almost all places as long as it's done correctly. Bright screens with dark text cause significantly more eyestrain for me. My wife also has astigmatism and prefers light backgrounds with dark text. For the same reasons. I think the key here for accessibility is choice.
- pier25 3y agoI agree, users should be able to pick whatever works better for them. There's a myth going on that dark mode is universally/objectively better which is simply false.
- Swizec 3y agoI too have astigmatism and am a light mode enjoyer. Dark mode makes the letters dance in front of my eyes. Display brightness at 20% is life. Never made sense to me why you’d shine the light of a thousand suns in your eyes then put sunglasses on it because “it’s too bright” when you could just not. My partner is a dark mode user and honestly sometimes her phone screen lights up the whole bedroom. Even with dark mode. I don’t understand.
- antisthenes 3y agoI'm with your wife on this one, and also either one of those is way better than "grey on whatever" that seemed to be a prevalent design choice for a few years for many websites. Low contrast is hell.
- lelandbatey 3y agoEnvironmental lighting conditions rule the day! I have astigmatism and I prefer bright backgrounds; #000 text on #fff backgrounds works great for me, but that's because I work in a room lit by a 250W 30,000 lumen corn-cob LED bulb[0] that makes my small office as bright on the inside as the shaded ground from a tree on an overcast day (which is quite bright compared to usual indoor lighting). In a room that bright, high contrast text works great and is highly readable, with "dark mode" often looking washed out and muddy. Even small reductions in contrast (such as what https://devdocs.io https://devdocs.io does with text of #333 in light mode) can make me notice and wish for greater contrast. [0] - https://www.benkuhn.net/lux/ https://www.benkuhn.net/lux/
- treflop 3y agoI have astigmatism and dark mode is hard to read. Black text on white background all day.
- lancesells 3y agoTufte is really nice but requires a custom font, which IMO is no longer minimal. And totally agree with black text on white.
- nc0 3y agoAgree, that depends on your vision of minimalism and stuff.
- seanwilson 3y ago> As it is often said in various designer forums, please avoid pure white (#FFFFFF) on black (here #111111), as it makes the text glow for the human eyes (therefore making it unreadable for long text). Instead, try to lower a bit the contrast on the text color. If you want an objective measure for this, see APCA: https://www.myndex.com/APCA/?BG=000000&TXT=ffffff&DEV=G4g&BUF=A22 https://www.myndex.com/APCA/?BG=000000&TXT=ffffff&DEV=G4g&BU... From https://git.apcacontrast.com/documentation/APCA_in_a_Nutshell.html https://git.apcacontrast.com/documentation/APCA_in_a_Nutshel...: "Lc 90 is a suggested maximum for very large and bold fonts (greater than 36px bold), and large areas of color". White on black scores Lc 108. It's the likely future replacement for the standard WCAG2 contrast checker (which becomes really inaccurate for dark mode and I don't think makes any suggestion about maximum contrast).
- toastal 3y agoBe open to #000 black tho <https://toast.al/posts/visuallayout/2023-07-06_be-open-to-black https://toast.al/posts/visuallayout/2023-07-06_be-open-to-bl...>