[Chip]: Bootstrap theme styling discrepancies #15502
Description
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:
- 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:
- 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:
Primary Chip:
- UI Kit:
- 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.
Light Bootstrap theme:
Default Chip:
- UI Kit:
- 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.
Primary Chip:
- UI Kit:
- 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.
