After updating to iOS 18, I've noticed that my app's icon displays correctly on the home screen but appears with a black background in the 'Settings > Apps' section when Dark Mode is active.
The icon currently has a non-transparent gradient orange background, and I haven't set up a separate icon for Dark Mode. Has anyone else experienced this issue, or does anyone have suggestions for how to ensure the app icon looks the same in Dark Mode as it does in Light Mode?
Step-by-Step Guide to Fixing the Issue
1- Open Your Project in Xcode 16 or Higher
Make sure you have updated to Xcode 16 to access the new features.
2- Navigate to the App Icon Asset
In the project navigator, go to Assets.xcassets and select your AppIcon asset.
3- Add Appearance Options
In the App Icon editor, you will see a new “Appearance” column. By default, this is set to “None.” Click the “+” icon and add both “Light” and “Dark” options.
4- Configure the Icons for Each Appearance
For the “Light” appearance, use your existing app icons. For the “Dark” appearance, you can use the same icons as the Light mode. Simply copy the icons and paste them into the corresponding slots under the “Dark” column.
5- Test the Changes
Run the app on a device with iOS 18 and toggle between Light and Dark modes to ensure the icons appear correctly in all scenarios, including the home screen and the iOS Settings app.
6- Build and Deploy
Once you confirm that the app icon looks good in both modes, build and deploy the app.
Why This Works
The new “Appearance” settings in Xcode 16 allow you to explicitly define how your app icon should look in different modes. By providing an icon for Dark Mode, you avoid the system trying to generate a dark version of the icon automatically, which could lead to visual issues like a black background.
Source: https://initialcode.tr/xcode-16-to-xcode-18how-to-fix-app-icon-showing-a-black-background-in-ios-18-dark-mode-using-xcode-16/