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