Khamosh Pathak
2024-10-25 13:00:00
lifehacker.com
One of my favorite new things in iOS 18 is the customizable home screen. I love the subtlety of the new tinted icons option, but there’s a pop to the dark mode icons that’s unmatched. Especially since I switched to the iPhone 16 Pro Max, seeing the dark mode icons on the home screen has been pure joy.
But that joy doesn’t apply to every app. A lot of developers are offering their own version of dark mode icons, but there are quite a few apps, even from large developers, that just don’t come with their own icons for dark mode. These include bank apps or even two-factor apps like Google Authenticator.
Clearly, this problem isn’t limited to me, because Redditor Straight_Random_2211 has shared a Shortcuts based process to create dark mode icons for any app.
Here’s how it works. You use a simple and free website tool to remove an icon’s background, then shift it to the exact shade of dark background that Apple uses in its own apps. Then, use the Shortcuts app to add a home screen shortcut for the app featuring the new icon. Most of the time, this creates a good enough dark mode icon replacement, so you don’t need to go hunting for a bespoke dark mode icon online.
To get started, first download and install the Get App Icon shortcut. Open the Shortcuts app and tap the Get App Icon shortcut. Type in the name of the app that you want to download the app icon for. The shortcut will now search the App Store. Choose the correct app from the search results. In a couple of seconds, the Shortcuts app will save the original app icon to the Photos app.
Credit: Khamosh Pathak
Now, open this Reddit link that features the dark mode background image (as a backup, here’s an Imgur link). Then, press and hold the image and tap Save to Photos to save it to the Photos app.
Now, we can start the process of creating the new app icon. Open Remove.bg‘s Change Background tool and tap the blue Upload Image button. Here, choose the app icon that you just downloaded. Next, in the Background Image section, tap the Select File icon. Here, choose the dark background image from the Photos app.
You will instantly see the new dark mode photo. Press and hold the image, then choose the Save to Photos option from the menu.
Credit: Khamosh Pathak
Now, it’s back to the Shortcuts app again, to create the home screen shortcut for the new dark icon. Here, tap the Plus icon from the top to create a new shortcut and choose Open App as the action. Tap the blue “App” text box in the action and choose the app that corresponds to the dark mode icon we created above.
Credit: Khamosh Pathak
Now, tap the down-arrow button from the top, and choose the Add to Home Screen option. Here, first change the app’s name and tap the switch image option. Then, tap the Choose Photo button and select the brand-new dark mode icon that you just created. Tap the Add button to complete the process.
Credit: Khamosh Pathak
And just like that, you have a new dark mode icon that goes along with everything else!
Repeat this process to convert more apps to the dark side. Just remember to create new shortcuts for each new app. Also note that your mileage may vary with the dark mode icon, as not every icon will look great with just a simple dark mode background flip.
For example, the Amazon icon with a dark background doesn’t quite work, because the famous Amazon A-Z arrow is also in black. In this case, you can search online for a dark icon and use that instead. With a quick Google search, here’s a good option that I found. The Shortcut would be the same—just use the downloaded icon instead of creating a dark mode icon yourself.
Support Techcratic
If you find value in Techcratic’s insights and articles, consider supporting us with Bitcoin. Your support helps me, as a solo operator, continue delivering high-quality content while managing all the technical aspects, from server maintenance to blog writing, future updates, and improvements. Support Innovation! Thank you.
Bitcoin Address:
bc1qlszw7elx2qahjwvaryh0tkgg8y68enw30gpvge
Please verify this address before sending funds.
Bitcoin QR Code
Simply scan the QR code below to support Techcratic.
Please read the Privacy and Security Disclaimer on how Techcratic handles your support.
Disclaimer: As an Amazon Associate, Techcratic may earn from qualifying purchases.