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

    View full-size slide

  2. Dark Mode feature is coming soon!

    View full-size slide

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

    View full-size slide

  4. What is Dark Mode

    for “LINE”?

    View full-size slide

  5. > Saving battery on OLED display
    > Less eye strain
    Dark Mode on iOS13

    View full-size slide

  6. LINE Theme “ண͔ͤ͑”
    “Black” & “Cony”

    View full-size slide

  7. 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.

    View full-size slide

  8. Way to support Dark Mode

    View full-size slide

  9. Legacy colors in “LINE”

    View full-size slide

  10. LDS semantic colors
    by LINE DESIGN SYSTEM
    primaryText #111111 / #FFFFFF
    secondaryText #555555 / #B7B7B7

    View full-size slide

  11. hardcoded

    static UIColor
    dynamic UIColor
    Color flow in “LINE”
    Theme

    setting file
    static UIColor
    LINE

    semantic color
    Force light mode
    temporarily

    View full-size slide

  12. iOS view hierarchy
    UINavigationController + modal transition
    UIWindow UITransitionView
    UINavigation

    Controller
    UIView

    Controller
    UITransitionView
    UIView

    Controller
    UINavigation

    Bar

    View full-size slide

  13. 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.

    View full-size slide

  14. Future tasks

    View full-size slide

  15. Future tasks of LINE Theme
    > Update LINE Theme system and assets for LINE DESIGN SYSTEM
    > Remove hardcoded colors and enable LINE Theme

    View full-size slide

  16. 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”.

    View full-size slide