Dark mode is everywhere from Mac, Windows, Android, and now on iPhone and iPad. iOS 13 and iPadOS 13 finally brings the coveted feature to Apple devices. It looks great and works automatically with supported applications and websites.
How to enable dark mode on iPhone and iPad
When you turn on dark mode, the entire user interface of your iPhone or iPad turns around. You now see a black background and white text. Apple has opted for a real black theme, which means that the background is almost always black instead of a dark gray.
This is perfect for iPhones with an OLED display (iPhone X, XS, Max XS, 11 and 11 Max) as the pixels do not light up. To maintain readability, Apple has opted for a gray background for some background elements. We talked about the the subtleties of the dark mode interface in detail before.
So let's get down to business. To enable dark mode on your iPhone or iPad, first open the Control center.
If you have an iPhone X device with a notch, slide your finger from the top right edge of the screen. The same goes for iPad users. If you're using an iPhone with a Home button, swipe down to open the Control Center.
Here, press and hold on the "Brightness" slider.
Now, press the "Dark Mode" button to activate it. If you want to disable the feature, you can press the icon again.
Alternatively, you can enable or disable the dark mode via the Settings menu. You can do this by going to Settings> Display and tap "Dark".
RELATED, RELATED, RELATED: How the dark mode of iOS 13 works on your iPhone and iPad
Add a dark mode Switch to the control center
If you're like me, you'll want a switch dedicated to dark mode. It is available as an additional flip-flop in the Control Center.
To enable it, go to Settings> Control Center> Customize Controls.
From this screen, tap the "+" button next to "Dark Mode".
This will activate the failover in dedicated dark mode at the end of the Control Center. Press the button to enable or disable the dark mode. No need to go in the brightness menu!
Set dark mode on a schedule
You can also automate the dark mode by configuring a calendar. Open the application "Settings" and go to "Display and Brightness".
In the "Appearance" section, tap the button next to "Automatic".
Then press the "Options" button to switch between the "Sunset at Dawn" option and the "Custom Program" option.
If you choose the "Custom Schedule" option, you will be able to specify the exact time at which the dark mode should activate.
Dark mode works with compatible apps and websites
Just like macOS Mojave, dark mode on iPhone and iPad works with supported applications and websites.
Once an application updates for iOS 13 and supports this feature, it will automatically switch from the application theme to the dark theme when you turn on the dark system mode from the Control Center.
Here, for example, is the LookUp Dictionary app. In the left screen capture, the application is in the default lighting mode. And on the right, you can see what the app looks like in dark mode.
All I did between these two screenshots was to go to the Control Center and turn on the dark mode. Once applications support this feature, you no longer need to find the dark mode feature in individual applications.
The same goes for Safari. If a website supports the dark mode feature in CSS, it will automatically switch between light and dark themes based on system settings.
In the screenshot below, you can see the feature in action for the Twitter site in Safari.
Currently, there is no way to put apps on this blacklist from this automatic theme change feature.
But for websites, you can turn off the feature by going to Settings> Safari> Advanced> Experimental Features and disabling the "Dark Mode CSS Support" option.
Alternative to dark mode: Smart Invert
The dark auto mode only works with applications that support the feature in iOS 13, iPadOS 13 and later. What if you want to enable dark mode in an application that does not support it? Use the Smart invert functionality as a workaround.
Smart invert is an accessibility feature that automatically reverses the colors of the user interface without affecting images or other media. With this workaround, you can get a decent white-text-on-black-background interface.
To turn it on, go to Settings> Accessibility> Text Display and Size, then switch to "Conversely Smart".
You can see the difference between a website in light mode and with smart invert enabled in the screen shots below. Although most websites are inverting properly, some areas, such as the menu bar in the example below, do not seem to be what they should be.
True, the Smart Reversing feature does not work for everything, but it's a good alternative. If a developer does not add dark mode to their applications, it works (a bit).
RELATED, RELATED, RELATED: How to invert the colors of your iPhone screen