Form switch: Avoid using filter on the whole component

[louismaximepiton]

Prerequisites

• [X] I have searched for duplicate or closed feature requests
• [X] I have read the contributing guidelines

Proposal

Use filter: invert(1); on the icon only or maybe use mask instead of background. Then need to update all the depending features.

Motivation and context

Using filter: invert(1); on the whole component leads to few misunderstandings on used colors.

[louismaximepiton]

FWIS, the use of mask inside a pseudo-element removes the animation of the icons. The use of white icon leads to issues on :active: we have a white icon on orange background. That could be handled in CSS but seems to be a bit ugly. Need to have a deeply look at it.