In the app, the user can change the accent color based on a specific set of options. The accent color gets set in this way, however, there is an AccentColor asset that is set as well. I've tried removing this but it didn't resolve the issue.
var body: some Scene {
WindowGroup {
ContentView(user: $data.user, saveAction: data.save)
.onAppear(perform: data.load)
.tint(data.user.accentColor == nil ? Color("AccentColor") : data.user.accentColor!.getColor())
}
}
accentColor is stored as a string, and the getColor() function takes the string and returns a Color() for it.
I also have some views that change color based on what the user selects as the accent color. With the current code, it works for everything except for the Back buttons in the navigation bar. Also does the same for the check marks in a Picker. How can I get those to match the color the user selects?
You can see that the accent color is set to orange. And below you can see that the back button is still blue.
If you'd like to test it out. You can setup a content view like what you see below. Leave the AccentColor asset empty, or you can set it to a random color. You'll see that the back button won't change color with what's in tint(). NavigationLinkView is just a view with nothing in it but a List that has a navigation title.
struct ContentView: View {
var body: some View {
NavigationView {
List {
NavigationLink("Test Link", destination: {
NavigationLinkView()
})
Button("Fake Button") {
}
}
.navigationTitle("Test")
}
.tint(.yellow)
}
}
EDIT: After further testing it seems that accentColor() does work, however, Xcode says that'll be deprecated soon and to use tint(). Seems like its an issue with tint().
