Default tableview cells don't respond to dark mode

Question

Using a custom cell I'm able to get dark mode/normal mode to work properly. But when using the default framework cell Apple has provided it remains white regardless of what mode I enable. I read here

ios13 Dark Mode change not recognized by tableview Cell?

about the same problem. The answer tells me to use this:

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
super.traitCollectionDidChange(previousTraitCollection)

    if traitCollection.hasDifferentColorAppearance(comparedTo: previousTraitCollection) {
        removeAndReaddGradientIfNeeded()
    }
}

But I'm unsure how exactly I'm supposed to use this and how it relates to my cells. My code right now for my cells is this:

if #available(iOS 13, *) {
    cell.backgroundColor = UIColor.systemBackground
    cell.textLabel?.textColor = UIColor(named: "MainLabelColor")
    cell.detailTextLabel?.textColor = UIColor(named: "SubLabelColor")
}

I use system color and custom colors in assets with two modes, one for light and one for dark. Now, this works fine in custom cell, but not in default.

Could anyone show me how to use the delegate function with cells?

have you copy pasted that code the answer into your code and build and run it ? — Julian Silvestri, Nov 27 '19 at 13:09
you need to copy and paste this code in your TabeViewCell class. thats it. — Keshu R., Nov 27 '19 at 13:10
I did, but `removeAndReaddGradientIfNeeded()` got error "Use of unresolved identifier". Didn't find alternative, and if I removed it nothing happened with dark mode cells. — screenMonkey MonkeyMan, Nov 27 '19 at 14:12

Manikandan · Accepted Answer · 2019-11-28T08:51:23.450

3

Did you try to change the contentView background color? because the content view sits on top of the cell.

if #available(iOS 13, *) {
    cell.contentView.backgroundColor = UIColor.systemBackground
//For named color you have to resolve it.
 cell.textLabel?.textColor = UIColor(named: "MainLabelColor")?.resolvedColor(with: self.traitCollection)
 cell.detailTextLabel?.textColor = UIColor(named: "SubLabelColor")?.resolvedColor(with: self.traitCollection)

 //MARK:- Even If your Viewcontroller disabled dark mode, tableView cell will be enabled.
    self.overrideUserInterfaceStyle = .unspecified
}

To Support Dark Mode make sure you removed following overrides:-

UserInterfaceStyle default value is unspecified . So, You might have enabled userInterfaceStyle to light in somewhere in your code or list file.

In Plist file check for following key-value and remove them:-

<key>UIUserInterfaceStyle</key>
    <string>light</string>

In Code check for the following the line and remove them.

i) If the key window is overridden to light mode, your entire app will be forced to light mode.

  UIApplication.shared.keyWindow?.overrideUserInterfaceStyle = .light

ii) If View Controller is overridden to light mode, your entire ViewController will be forced to light mode.

 self.overrideUserInterfaceStyle = .light

edited Nov 28 '19 at 08:51

answered Nov 27 '19 at 13:10

Manikandan

1,195
8
26

Thanks, but nothing happened. Still white in dark mode. Also tried `cell.layer.backgroundColor` but nothing there either. – screenMonkey MonkeyMan Nov 27 '19 at 14:15
Can you please share your TableviewCell class and view controller code. – Manikandan Nov 27 '19 at 15:26
self.overrideUserInterfaceStyle = .unspecified , add this line inside your Tableview cell class. – Manikandan Nov 27 '19 at 15:31
2

Nice, the line with self.overrideUserInterfaceStyle = .unspecified worked for me! Thanks a lot for the tip @Manikandan. So, I guess the dark mode was overriden by some code unknown to me, no? – screenMonkey MonkeyMan Nov 28 '19 at 07:34
Please check the updated answer, to find the vulnerable code that causing this problem. – Manikandan Nov 28 '19 at 08:52
Thank you, that is really helpful. I'll look into it! :D – screenMonkey MonkeyMan Nov 28 '19 at 09:03

Default tableview cells don't respond to dark mode

1 Answers1