Dark Mode
Support Light/Dark mode all at once
1 min read
Layerz supports both Light mode and Dark mode. If you account for both modes when designing, your app will look right according to the user's device settings.
Supporting It with Colors
Every Color can be specified as a pair of a Light mode value and a Dark mode value. When setting a color in the Inspector, you set each of the two mode values.
If you use the System Colors provided by the OS for background and text colors, Dark Mode is supported automatically with no extra work. This is the easiest and safest approach.
Checking It
During Preview, you can instantly switch the Light/Dark theme and immediately see how your app looks in both modes.
If you use System Colors (background/label colors, etc.) from the start, Dark Mode support is almost entirely automatic.