- Issue created by @SirClickALot
- 🇵🇹Portugal bbruno Poland
Hi sirclickalot, the SVGs that are used in the actions links are actually background images applied to pseudo-element '::before' on each link.
Since these are black, they can be easily manipulated using a 'Filter' style.
For example, this filter when targeting this '::before', will turn the icons red:
.frontend-editing__action::before { filter: invert(20%) sepia(90%) saturate(4516%) hue-rotate(357deg) brightness(97%) contrast(135%); }You can search online for 'CSS filter black to hex' and find tools that will provide you with the correct filter styling to match your desired color