Change the rendering mode of SF symbols

[mxkzy]

After updating to iOS 15 beta, SF symbols that used to be in colour are now all black. I don’t know if this is because 15 is still in beta, or if a change to the code will be required?

Is there a way to change the rendering mode of the symbols from monochrome back to multi colour?

[Death_from_Above]

is that iOS 15 stable?

[Tjluoma]

iOS 15 is still in beta until (presumably) September.

[JKoopmans]

the only method I know is submit a beta ticket and have the Apple devs correct the bug

[mxkzy]

public release of iOS 15 did not fix the issue

[eqsOne]

iOS15 uses SFSymbols 3. These include ‘enhanced color customization’ so I guess this has to be addressed within the scriptable app itself.

[ScriptAxMan]

Is there a solution/workaround?

[schl3ck]

Maybe this can help?

Define the color of a SF symbols in drawcontext

So I haven’t needed this yet, but I took on the challenge and found a workaround. I’ve used the canvas element from the browser to decode the image from the SFSymbol and then just set the color values manually. After that I again used the canvas to convert it back to a PNG image. I’ve also annotated the function with JSDoc, so you get the correct types if you use an IDE. Just copy the function into your code to use it. I hope it is useful!

Code

/** * source: https://talk.automators.fm/t/define-…

[mxkzy]

scriptable version 1.6.11 fixed this issue