Change color of the mode icons

Hi, when i put in the CSS Codes as here stated, then the little mannequin in the bubble is disappears (because i want the bubble the same color as the icons, but not the icon inside the bubble, this one should stay white).
Could you help me with that?

Thanks in advance!

Try this:

[class*=“page__Avatar-sc”] { background-color: red; }

1 Like

Hey Daniel thank you, but it’s already there, see screenshot. I just swapped the colors of the bubble, now the bubble is white and the icon inside is blue, that was the only way possible to have a good outcome.

Hi there, @Dedo :waving_hand:

Apologies for the delayed response!

To change the color of the mode icons only, please try to use this CSS code:

[class*="mode-item__Container-sc"]
[class*="Icon__IconContainer-sc"] svg {
  fill: #ff00ff !important;
}

Try it out and let me know if it worked :slightly_smiling_face:

1 Like