Trouble using more than one color with SF Symbols in tinted mode

UI Frameworks SwiftUI
shiftingsand OP
Created 4w
Replies 1
Boosts 0
Views 198
Participants 2

When a widget is using the new tinted mode in iOS 18 the Weather app shows the SF Symbols in both white and the tint color. For example, a tinted sun with a white arrow for sunrise.

I can't figure out how to do this. If I add widgetAccentable to the Image(systemName:) the entire Image becomes the tint color.

If I don't use it no combination of rendering mode or foreground style makes the tint color appear.

I can't find any mention of this in the WWDC sessions.

Replies  1
Boosts  0
Views  198
Participants  2
Vision Pro Engineer OP
Apple
4w

Hi @shiftingsand ,

You can use multicolor rendering mode to do this.

Image(systemName: "sun.horizon.fill")
            .symbolRenderingMode(.multicolor)
0
Trouble using more than one color with SF Symbols in tinted mode
First post date Last post date
 
 
Q