How can I specify dark/light mode images for a slider in an iOS settings bundle?

Question

I have a slider in my settings bundle, using the PSSliderSpecifier type. I use the MinimumValueImage and MaximumValueImage keys to provide images that appear to the left/right of the slider. However, as seen in the screenshots below, those images do not adjust based on light/dark mode.

How can I specify a different image to be used, or a different tint color, in light/dark mode? All of the sliders in Apple's settings seem to adjust based on the mode, so it feels like there should be a way, but I don't see any documentation of how to make this happen.

Light mode

Dark mode

Answer 1

well. first you can detect the dark mode

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    if traitCollection.userInterfaceStyle == .light {
        print("Light mode")
    } else {
        print("Dark mode")
    }
}

and you can custom the slider with his properties

 slider.minimumTrackTintColor = .green
 slider.maximumTrackTintColor = .red
 slider.thumbTintColor = .black

and the icons for volume you can change when your detect any userInterfaceStyle

Answer 2

You can make do with one set of images for both modes of display if you use gray as foreground color. If you also apply a little transparency to the foreground then the page background will be able to show through, which makes the images slightly lighter for light mode and slightly darker for dark mode. I found that a gray shade close to #707070 and opacity 0.85 works quite well, see screenshots.