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

Now supporting Dark Mode on LINE messenger

Now supporting Dark Mode on LINE messenger

Hitomi Komata (S_Shimotori)
LINE LINE iOS Team Software Engineer
https://linedevday.linecorp.com/jp/2019/sessions/S2-5

LINE DevDay 2019

November 21, 2019
Tweet

More Decks by LINE DevDay 2019

Other Decks in Technology

Transcript

  1. 2019 DevDay Now Supporting Dark Mode on LINE Messenger >

    Hitomi Komata (S_Shimotori) > LINE LINE iOS Team Software Engineer
  2. Agenda > What is Dark Mode for “LINE”? > Way

    to support Dark Mode > Future tasks
  3. What is Dark Mode for “LINE”? > A feature to

    change light or dark as you like > A burden on LINE’s multiple projects and technical debt CONFLICT: Merge conflict in Theme system.
  4. LDS semantic colors by LINE DESIGN SYSTEM primaryText #111111 /

    #FFFFFF secondaryText #555555 / #B7B7B7
  5. hardcoded
 static UIColor dynamic UIColor Color flow in “LINE” Theme


    setting file static UIColor LINE
 semantic color Force light mode temporarily
  6. iOS view hierarchy UINavigationController + modal transition UIWindow UITransitionView UINavigation


    Controller UIView
 Controller UITransitionView UIView
 Controller UINavigation
 Bar
  7. Fix for new methods in iOS 13 > There is

    overlap between withTintColor(_:) and our tint method. > and so on. > UISearchBar’s specification is modified in iOS 13.
  8. Future tasks of LINE Theme > Update LINE Theme system

    and assets for LINE DESIGN SYSTEM > Remove hardcoded colors and enable LINE Theme
  9. Summary > “LINE” supports Dark Mode feature,
 however some views

    are still forced in light mode in the first release. > LINE Theme continues to be updated! > Dark Mode feature is a part of Theme system in “LINE”.