Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

MacRumors

macrumors bot
Original poster
Apr 12, 2001
66,825
36,448


In iOS 18, iPhone apps have both Light and Dark color options, making it possible to match the color of your icons when you have Dark mode enabled. Keep reading to learn how it works.

ios-18-dark-mode-icons.jpg

Apple's built-in apps have both Light and Dark color options in iOS 18, and now that the update is available to the public, third-party apps are in the process of providing their own Light and Dark icon alternatives to match your preferred aesthetic, but until then your iPhone will happily generate dark versions of them, too.

The Dark icons are all redesigned with a black background rather than a white or colored background, which makes them blend in better with the ‌Dark Mode‌ setting. In addition, it's possible to turn on Dark icons independently of having ‌Dark Mode‌ enabled, so you can leave Light mode on while using the Dark icon option if you prefer.

To go along with the ‌Dark Mode‌ icons, Apple also introduced a toggle that makes your wallpaper darker. The following steps explain how to switch your icon colors to match Light or Dark mode.
  1. Press and hold a space on the Home Screen or an app page to enter jiggle mode.
  2. Tap Edit in the top-left corner.
  3. Select Customize in the dropdown menu.
  4. Choose Dark, Light, or Automatic in the customization panel. (Automatic will lighten or darken the icons depending on whether Light or Dark mode is enabled.)
  5. Tap anywhere outside the customization panel to close it and exit jiggle mode.
change-dark-mode-icons.jpg


Note that the customization panel has other new settings including one to darken your wallpaper (the sun icon), an option to make icons bigger (without labels) or smaller, and a Tint option that will put a tint over all of your icons – you can even match the tint with a color from your wallpaper using the eyedropper icon.

Article Link: iOS 18: Make Your iPhone Home Screen Icons Dark
 
Last edited:
  • Love
  • Like
Reactions: KeithBN and SFjohn
Who cares about icons whatever…… Can apple please fix it so i can have dark mode in ANY app? Browsing at night in bed is a nightmare when suddenly a web page is bright white when it should be dark. Accessibility and Invert is a kind of fix but can they just bake this into a auto mode that inverts but doesnt invert pictures? Low light mode sucks as contrast is too low.
 
As a beta user, this has actually been incredibly annoying as now the dark semi-transparent backgrounds for modals and popups and notifications is ONLY available if you have dark icons enabled. Otherwise, it is a white semi-transparent background. If you want the pre-iOS 18 experience of light icons and a dark modal, that is no longer available with the new system
 


In iOS 18, currently in beta, iPhone apps have both Light and Dark color options, making it possible to match the color of your icons when you have Dark mode enabled. Keep reading to learn how it works.

ios-18-dark-mode-icons.jpg

Apple's built-in apps have both Light and Dark color options in iOS 18, and third-party apps will likely provide their own Light and Dark icon alternatives to match your preferred aesthetic when iOS 18 is released to the public, but until then your iPhone will happily generate dark versions of them, too.

The Dark icons are all redesigned with a black background rather than a white or colored background, which makes them blend in better with the ‌Dark Mode‌ setting. In addition, it's possible to turn on Dark icons independently of having ‌Dark Mode‌ enabled, so you can leave Light mode on while using the Dark icon option if you prefer.

To go along with the ‌Dark Mode‌ icons, Apple also introduced a toggle that makes your wallpaper darker. The following steps explain how to switch your icon colors to match Light or Dark mode.
  1. Press and hold a space on the Home Screen or an app page to enter jiggle mode.
  2. Tap Edit in the top-left corner.
  3. Select Customize in the dropdown menu.
  4. Choose Dark, Light, or Automatic in the customization panel. (Automatic will lighten or darken the icons depending on whether Light or Dark mode is enabled.)
  5. Tap anywhere outside the customization panel to close it and exit jiggle mode.
change-dark-mode-icons.jpg


Note that the customization panel has other new settings including one to darken your wallpaper (the sun icon), an option to make icons bigger or smaller, and a Tint option that will put a tint over all of your icons (you can even match the tint with a color from your wallpaper using an eyedropper icon).

Article Link: iOS 18: Make Your iPhone Home Screen Icons Dark
Wow, the innovation
 
I don’t understand why Apple can’t implement this in Safari. This way it all works together. I hate having to install a 3rd party app to do it. Noir to be exact. And the pages crash sometimes. And I’m not sure why. Dark Mode should be throughout the whole phone. Not just parts here and there. Doesn’t make sense to me.
 
I have the public beta on an iPhone 11.

I am glad they added this but I wish they would allow it to be per wallpaper and not system wide.

There are some wallpapers I have that look better in light mode and vise versa and Id rather be able to set it and forget it.
 
Skype icon now on dark mode . Photomator app and hue Philips icon still in the light mode however if set on Large icon it become dark color mode. iOS 18.1 Dev Beta (22B5023e)
 
Who cares about icons whatever…… Can apple please fix it so i can have dark mode in ANY app? Browsing at night in bed is a nightmare when suddenly a web page is bright white when it should be dark. Accessibility and Invert is a kind of fix but can they just bake this into a auto mode that inverts but doesnt invert pictures? Low light mode sucks as contrast is too low.
For web pages, there are Safari extensions like Noir.
 
NOBODY NOTICE? It doesn't work correctly!

When I customise "Light" Icons I have the Wallpaper Light

When I customise "Dark" Icons I have the Wallpaper Dark

When I put it into Auto, these settings don't carry over!!

When System Dark mode kicks in and the Icons change to "Dark" the Wallpaper is light!

CRAZY! This is not how it should be.
 
Last edited:
Just a word of warning based off my experience with iPadOS 18 betas, once you change them to a dark icon mode, in storage, the icons in there PERMANENTLY stay dark, even if you change them back to light/normal and further still, even if you reset the iPad Pro. Maybe this is different with the phone but this is what I have experienced with the iPad Pro 12.9 4th gen, 18 betas.
 
  • Disagree
Reactions: KeithBN and rskin
NOBODY NOTICE? It doesn't work correctly!

When I customise "Light" Icons I have the Wallpaper Light

When I customise "Dark" Icons I have the Wallpaper Dark

When I put it into Auto, these settings don't carry over!!

When System Dark mode kicks in and the Icons change to "Dark" the Wallpaper is light!

CRAZY! This is not how it should be.
Just noticed, it's most likely a bug.
 
NOBODY NOTICE? It doesn't work correctly!

When I customise "Light" Icons I have the Wallpaper Light

When I customise "Dark" Icons I have the Wallpaper Dark

When I put it into Auto, these settings don't carry over!!

When System Dark mode kicks in and the Icons change to "Dark" the Wallpaper is light!

CRAZY! This is not how it should be.

It's a B E T A
 
  • Like
Reactions: rskin
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.