igniteui-webcomponents icon indicating copy to clipboard operation
igniteui-webcomponents copied to clipboard
verified publisher icon IgniteUI

[Stepper]: Styling themes discrepancies

Open adrianptrv opened this issue 10 months ago • 1 comments

There are discrepancies between some of the Stepper theme styles and their UI Kits.

On the dark version of the Fluent theme - the completed version of the step has a dark gray background, while in the UI kit, it has a light gray background. UI Kit: Screenshot 2025-03-14 at 13 55 05

Current: fluent_completed

On the dark version of the Bootstrap theme - again the completed version of the step have a gray background and black icon/text color, while in the UI kit is with white icon/text color. UI Kit: Screenshot 2025-03-14 at 13 56 48

Current: bootstrap_completed

On the dark version of the Material theme - the normal state of the step, when the stepper is not linear, has a gray background with black icon/text color, while in the UI kit, it has white icon/text color. Ui Kit: Screenshot 2025-03-14 at 15 27 20

Current:

Image

adrianptrv avatar Mar 14 '25 16:03 adrianptrv

@sdimchevski Could you please take a look at this? From my perspective, the implementation makes more sense. Otherwise, we risk failing all contrast accessibility criteria. The same issue is also logged in Angular.

desig9stein avatar Mar 17 '25 11:03 desig9stein

The discrepancies have been fixed in the Figma UI kit, so the issue could be closed.

DiLazarova avatar Apr 15 '25 10:04 DiLazarova