![]() Solving this problem for Molly will actually solve problems for other people too. ![]() But this shouldn’t be about fashion, this is about inclusive design for all. It’s just something that isn’t trendy anymore. What was that? It sure sounded like the joyous applause of typography nerds and designers everywhere! It’s about inclusive designĬharles Reynolds-Talbot writes about his friend Molly, who has trouble with high-contrast white backgrounds with black text:Īssuming a style switcher is the solution to this problem, it’s nothing new. If your fonts offer a lighter weight, using that for your dark mode design will open up the letterforms and make them appear further apart… Light text against dark backgrounds appears higher in contrast than when the same colours are used in reverse, so to make your dark mode designs easier to read you’ll need to add more white/dark space to your text. You should also consider altering typography styles to maintain readability for people who use dark mode. He writes:ĭesigning for dark mode shouldn’t stop with choosing darker colours. He describes how to pick colors so our light/dark themes are consistent in terms of branding and how we might want to use a lighter font-weight for darker backgrounds. ![]() The media query is like this: (prefers-color-scheme: dark) It doesn’t mean you have to give up your brandĪndy Clarke also wrote up some thoughts about how to take this fancy new CSS feature and how we might apply a dark theme across our website. Safari Technology Preview 71 also has supported-color-schemes, which… well, I couldn’t exactly tell you what that does. With the introduction of dark mode in macOS, Safari Technology Preview 68 has released a new feature called prefers-color-scheme which lets us detect whether the user has dark mode enabled with a media query. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |