How do I exclude MenuTile icons from inheriting the theme colour in V8?
3 min
Overview
In Activate V8, selected themes apply colour styling across UI elements, including SVG icons. This can override custom icon colours and gradients provided by customers.
Solution
To prevent MenuTile icons from inheriting the theme colour:
- Modify the ImageURL property of the MenuTile control.
- Append the CSS class unset to the image reference.
Example
image.svg unset
How It Works
- Adding unset applies a CSS class to the SVG element.
- The theme engine ignores elements with this class when applying colour styling.
- This preserves the original colours and gradients of the icon.
Result
- Custom SVG icons retain their intended appearance.
- Theme styling continues to apply to other UI elements as normal.