In multi-theme applications, icons automatically include classes based on the global theme.

[dobromirts]

Description

In applications with multiple themes, if an icon is placed inside a wrapper that uses a different theme from the global theme, the icon's class will still reflect the global theme. For example, it may appear as internal_indigo, additionally the loaded icon references are loaded for the global one.

• igniteui-angular version: 18.2.x
• browser:

Steps to reproduce

1. Create an application using multiple themes.
2. Set 'Indigo' theme to the main component/wrapper.
3. Add a component utilizing different theme .e.g Material inside of the main wrapper.
4. Observe icon styles and classes

Result

The icon styles are to based on the current theme.

Expected result

The correct icon styles and classes to be included based on the theme.

Attachments