Based on Chethan KVS's excellent article on designing a dark theme, which is itself based on the principles of Material Design, the gist is that darker shades should be reserved for surfaces at the back of the page, with lighter and lighter shades used as you approach the front. This means that you may need different primary or brand colors for each palette.Ī second consideration is visual hierarchy. Many colors will not be interchangeable between modes. Most importantly, you need to ensure that colors on both palettes meet contrast requirements for accessibility. Switching between a dark color palette and a light one involves more than just switching between darker and lighter background colors. You just switch modes and, oh my Zsh, Dark Mode saves a marriage, again. Perhaps you're browsing Reddit in bed beside your trying-to-sleep spouse who complains about the light from your 32-inch laptop. A user might even prefer to use different modes at different times of day or depending on their location. The preference for either mode is subjective. Dark Mode? Apple IIe and Bank Street Writer by Mark Mathosianĭespite the vociferous support of some, Dark Mode is not held to be superior by all. Light Mode A long-standing but not immemorial default, in which a UI uses a lighter color palette. UI/UX Considerations Definitions Dark Mode A UI that generally uses a darker color palette
0 Comments
Leave a Reply. |