Dark Mode Theming

How we implemented dark mode using our Palette, How it helped us for multi-brand support. Best practices while adapting your app for the dark mode.

Speaker: Ashwani Bhargava, Senior Software Engineer at OLX India
https://www.linkedin.com/in/ashwani-bhargava-60141052/

Transcript

2. Dark Mode Shenanigans Ashwani Bhargava
4. Dark Mode: First Encounter !4 Product Detail Chats Location Search
5. What has changed in UIKit after dark mode • Dynamic colors • Dynamic Images • UIBlurEffect & UIVibrancyEffect • Status Bar • UIActivityIndicator
6. Palette !6 Palette OLXPalette: Palette LetgoPalette: Palette . . .
7. Not Colors But Material Design • Primary • Secondary • Text Primary • Text Error • Text Disabled • Background • A lot more
8. What were we doing wrong? • Default background colors in xib & storyboards • Default view backgrounds in View Controllers • Using colors outside Palette
9. Palette Details:
10. Material Design
11. Dark Mode Images
12. Things to keep an eye out for, in the dark. Card Layout : view did appear won’t be called
13. Dark Mode: Finally Here
14. Reference https://material.io/design/color/# https://medium.com/@vazquezmbelen/designing-for-ios-13-a3da4973238d Demo https://github.com/ashwani-bhargava/DarkModeDemo
15. Questions ???