Desktop session clipboard and directory sharing icon state is unclear

[ibeckermayer]

I'm unable to visually determine whether clipboard sharing / directory sharing is active during a desktop session by looking at the icons. They're supposed to be "grayed out" (or otherwise disabled-looking) when inactive, and more bold when active. However here is what inactive looks like:

both directory and clipboard sharing disabled by rbac (and inactive):

clipboard enabled by rbac, but disabled by browser permissions

both enabled:

[zmb3]

Maybe we could use the same accent color that the new toggle components use to indicate an active state.

WDYT, @roraback?

[roraback]

I’m thinking that we should do the following:

• If disabled, we should use the disabled color, rather than the “slightly muted” color (what they currently are using)
• If enabled, either make them green OR make them more opaque black with a green dot overlaid in the UR corner
• Add a tooltip on hover, rather than relying on a title attribute—title attributes are less reliable and can require hovering for an extended amount of time before the title appears

An additional note: it looks like the alerts button next to these icons is has a hard-coded white. I'm seeing a white icon and white text regardless of whether I'm in light or dark mode:

[roraback]

Since the icons aren't interactive even when they're active, the data version of our green color is probably most appropriate (but FWIW it is identical to the "interactive/success/default" color in our design system).

[ibeckermayer]

@roraback iirc we used to have it green but moved away from that because it was a bit jarring. I'm not too partial on that, but this was the simplest change and works fine to my eye. WDYT?

Disabled:

Enabled:

[zmb3]

@ibeckermayer let's stick to Kenny's suggestions please. 🙏