Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dark Mode Theming

Eeb061c8b2816b771920da1b3e7904a3?s=47 Swift India
September 28, 2019

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/

Eeb061c8b2816b771920da1b3e7904a3?s=128

Swift India

September 28, 2019
Tweet

Transcript

  1. None
  2. Dark Mode Shenanigans Ashwani Bhargava

  3. None
  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 ???