Combo toggle button and clear icon have hardcoded focus foregrounds

[didimmova]

Description

Currently the combo has added styles for focus for the toggle button and clear icon that set the icon's foreground to hardcoded secondary-500 color. This should be discussed with the design team and fixed, as it looks off-pattern and can't be styled through the theme by the user. Also it's combo and igniteui-angular specific, the combo in igniteui-webcomponents doesn't act like that, nor does the select in both projects.

• igniteui-angular version: 20.0.x

Steps to reproduce

1. Open the igniteui dev demos
2. Open input group sample or combo sample and tab until you get to any of these two buttons
3. Inspect and observe

Result

The foregorund of the toggle and clear buttons get secondary-500 on focus.

Expected result

The expected result should be discussed and provided from the design team

Attachments

Screen.Recording.2025-08-12.at.16.50.08.mov

Screen.Recording.2025-08-12.at.16.55.43.mov