Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Checkbox disabled tick color differences for Indigo theme #15192

Open
dobromirts opened this issue Dec 20, 2024 · 0 comments
Open

Checkbox disabled tick color differences for Indigo theme #15192

dobromirts opened this issue Dec 20, 2024 · 0 comments
Assignees
Labels

Comments

@dobromirts
Copy link
Contributor

Description

The checkbox tick color in disabled state is different from the one in Indigo design system. The color provided by the theme is - --tick-color: var(--igx-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));
image

and the one defined in the design system is
image
image

  • igniteui-angular version: 18.2.x, 19.0.x
  • browser: all

Steps to reproduce

  1. Create application using indigo theme
  2. Add checkbox component and make its state disabled
  3. Observe the tick color

Result

The tick color differs between the design system and the generated theme.

Expected result

Both colors to be the same in design system and generated theme.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants