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

[Chip]: Bootstrap theme styling discrepancies #15502

Closed
adrianptrv opened this issue Mar 11, 2025 · 0 comments · Fixed by #15637 or IgniteUI/igniteui-theming#406
Closed

[Chip]: Bootstrap theme styling discrepancies #15502

adrianptrv opened this issue Mar 11, 2025 · 0 comments · Fixed by #15637 or IgniteUI/igniteui-theming#406
Assignees
Labels
bootstrap-theme chip styling ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.

Comments

@adrianptrv
Copy link

There are some style differences between the Chip component with the Bootstrap theme applied and the UI Kit design.

Dark Bootstrap theme:

Default Chip:

  • UI Kit:
Image
  • On Hover: the background needs to get a bit darker and the text to stay white. Currently the background gets lighter and the text changes to dark gray:
Image
  • On Focus: the background and text should remain the same as in the normal state, with only the border being added. Currently, the border is added, but the background becomes lighter, and the text changes to dark gray:
Image

Primary Chip:

  • UI Kit:
Image
  • On Focus: the background and text should remain the same as in the normal state, with only the border added in a dark bluish color. Currently, the background turns a darker blue, like the hover state, and the border is too bright.
Image

Light Bootstrap theme:

Default Chip:

  • UI Kit:
Image
  • On Focus: the background and text should remain the same as in the normal state, with only the border being added. Currently, the background turns a darker gray, like the hover state.
Image

Primary Chip:

  • UI Kit:
Image
  • On Focus: the background and text should remain the same as in the normal state, with only the border added. Currently, the background turns a darker blue, like the hover state.
Image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bootstrap-theme chip styling ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.
Projects
None yet
3 participants