UITextField placeholder text is unreadable in iOS13 dark mode

Question

UITextField has a .placeholder text property, for showing info before text has been added to the field, up until now it's always been clear and visible, but in iOS13 dark mode was introduced and now placeholder text is practically unreadable in a white UITextField (I am explicitly making it white via .backgroundColor = [UIColor whiteColor]).

My question is, what are some practical solutions to fix this throughout my project, I could manually change the placeholder color on any UITextField manually, by simply setting an attributedPlaceholder string, that may take a while, is there a way to disable dark mode settings just on UITextFields specifically but not for other elements?

Albert Renshaw · Accepted Answer · 2020-05-03T03:17:53.593

It turns out Apple has provided a way to override this on various elements (or even your entire app's UIWindow) with the following (Objective-C):

if (@available(iOS 13.0, *)) {
    textField.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
}

I applied it to all UITextFields via swizzle, to turn it off on EVERYTHING in your project, just use this in your appDelegate didFinishLaunching method but replace textField with _window

(IMPORTANT EDIT: with the newest version of xCode _window seems to have been dropped and now app projects create something called a SceneDelegate and the overrideUserInterfaceStyle has to be applied to that somehow, but I'm new to scene delegates and don't know how they work so I can't offer much help there, to disable scenedelegate and return to traditional AppDelegate management of the UIWindow, see here: https://stackoverflow.com/a/57467270/2057171)

score 11 · Answer 2 · answered Dec 07 '19 at 13:49

11

in swift Paste the below code to appdelegate file

if #available(iOS 13.0, *) {
            window!.overrideUserInterfaceStyle = .light
        }

It will work fine.

answered Dec 07 '19 at 13:49

Ananta Prasad

3,655
3
23
35

score 6 · Answer 3 · answered Feb 24 '20 at 01:51

I would consider not explicitly setting the text field background to white.

You can more robustly support dark and light mode by using UI Element colors described here: https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors

For one of my text fields I did something like this:

if #available(iOS 13, *) {
    self.searchBarTextField.textColor = UIColor.label
    self.searchBarTextField.backgroundColor = UIColor.secondarySystemBackground
} else {
    self.searchBarTextField.backgroundColor = UIColor(white: 1.0, alpha: 1.0)
}

From the code above, now the background of your textfield will dynamically change when the user changes their light vs dark mode setting. And the text color will change with it. And by placeholder text color will be handled by OS. You could override if you needed: https://developer.apple.com/documentation/uikit/uicolor/3173134-placeholdertext

For my specific project I have to have white but this is useful for others (and likely myself in the future) thanks for sharing! — Albert Renshaw, Feb 24 '20 at 02:19

score 0 · Answer 4 · answered Aug 02 '22 at 06:52

pls check this

[nameTextField,corpIDTextField,passwordTextField,conformPasswordTextField,genderTextField,YOBTextField,mobileNoTextField].forEach {
            $0?.delegate = self
            if #available(iOS 13.0, *) {
                $0?.overrideUserInterfaceStyle = .light
            }
        }

UITextField placeholder text is unreadable in iOS13 dark mode

4 Answers4