Developing in the Dark

on YouTube ↗44m

" summary

Deliveroo Rider app adds dark mode by converting the design system and app to Material Components day/night themes, writing custom Lint detectors that find missing night colors and banned hardcoded color names, and migrating buttons, typography and illustrations in stages over a three‑week effort within a two‑week release cadence. Drawables are duplicated for API<21, icons are tinted via theme attributes, an in‑app toggle complements system dark mode, and the rollout succeeds with riders adopting it.

AI-written summary · about

" chapters (31)

1. 0:00Intro
2. 0:36Who is Deliveroo
3. 2:34Rider Up
4. 3:25End Result
5. 3:53Online Qualify
6. 5:27Delivery
7. 6:34Design
8. 10:53Check Status
9. 12:13lint
10. 19:00Material Components
11. 22:03Theme
12. 25:06Background
13. 26:53Appearance
14. 28:37Buttons
15. 29:09Title
16. 29:26Type
17. 29:53Border
18. 31:14Drawing Background
19. 32:56Drawing Illustrations
20. 33:23Dependencies
21. 33:42HoldColor
22. 34:17TeamColor
23. 34:58TeamMaterial
24. 36:14Maps
25. 37:28System Settings
26. 37:52Challenges Tips
27. 38:24First Challenge
28. 38:51QA vs PR
29. 39:55Design review
30. 40:52Data collection
31. 41:28When to use colors

" related talks

• 30mDo Not Go Gentle in That Good Night - Implementing a Dark Theme on AndroidFaiz Malkani · droidcon London 2019
• 19mThe hardest part about building dark mode is that people think it’s easyRyhan Hassan, Jacob Miller · Config 2022
• 33mHow to Design a Dark Theme Using MaterialJavier Lopez · Google I/O 2019
• 18mBuilding dark mode with React Native at scaleArthur Lee · App.js Conf 2023
• 22mDesign Systems at Deliveroo: Learnings and FrustrationsRaphael Guilleminot, Matt Vagni · Design Systems London 2018
• 27mThemeability is the path to dark modeDiana Mounter · ReactConf AU 2020
• 39mGetting your apps ready for Material 3Fatih Giriş, Odin Asbjornsen · droidcon New York 2023
• 36mConsistency is Key - Working with a Design SystemMaria Neumayer · droidcon Italy 2019