Slide 1

Slide 1 text

2019 DevDay Now Supporting Dark Mode on LINE Messenger > Hitomi Komata (S_Shimotori) > LINE LINE iOS Team Software Engineer

Slide 2

Slide 2 text

Dark Mode feature is coming soon!

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

What is Dark Mode
 for “LINE”?

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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.

Slide 8

Slide 8 text

Way to support Dark Mode

Slide 9

Slide 9 text

Legacy colors in “LINE”

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

hardcoded
 static UIColor dynamic UIColor Color flow in “LINE” Theme
 setting file static UIColor LINE
 semantic color Force light mode temporarily

Slide 12

Slide 12 text

iOS view hierarchy UINavigationController + modal transition UIWindow UITransitionView UINavigation
 Controller UIView
 Controller UITransitionView UIView
 Controller UINavigation
 Bar

Slide 13

Slide 13 text

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.

Slide 14

Slide 14 text

Done!

Slide 15

Slide 15 text

Future tasks

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

Summary

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

Thank You