sf symbols colors

Where do I find the fields to set the colors of sf symbols? There should be primary, secondary, tertiary colors according to the Apple docs.

I could ask about animations too, though I haven't thought a use for those yet.

where do you want to use the sfsymbols? If it’s for floating menus, you van choose one of the colorful rendering modes, then it lets you select the colors

on touchbar buttons – I'm seeing settings only for foreground and background color

unfortunately for Touch Bar buttons multi color SFSymbols are not available at the moment, but I think I can add support for them.

1 Like

Here's what I see

For Touch Bar SFSymbols the icon color will currently always match the Font color

1 Like

there are animations in the SF symbols, too. Not that I have a use them, but maybe it could be useful for making the touchbar more context-responsive, combining signalling with input.

It's probably worth explaining my thinking here.

  1. Touchbar docs say to look at the SF Symbols docs.
  2. SF Symbols docs say that multiple colours and animations are available.
  3. Naturally one thinks to use them.

I'm an academic and technical editor so I think about how documentation guides reader thinking. One solution is to implement what the docs suggest (which can be hard to keep up with if SF Symbols changes too much or too often). The other solution is to change the docs to head off the expectation.

can you point me to where the docs say that? Then I'll remove that part. (The docs were written long before sfsymbol animations have been available)

It's wherever we're told to look at the SF Symbols website. What's missing is a caution that the SF Symbols colour and animations frameworks (that the SF Symbols site presents as standard features) have not (yet) been implemented.

That said, it'd be even better to implement at least the colours, if not the full spec. I can use the colours immediately because they help with accessibility through stronger visual contrast between buttons.