Version number
No response
Description of the bug
In production the "checkmark" and "dot" in checkbox and radiobuttons dont follow the Default -> hover - > active base color. They are base-default in all states. This is because they use the --dsc-chip-input-stroke-color variable. This have no hover/active state as with the background color used on the whole chip. This might be a technical choice.
We decided the quickest fix was to fix this in Figma. But im not sure this is the most "correct" way to go about this. Since its a very small issue, I dont see the harm.
How to fix
- In our file it was only present on the radio variant of the component. You should check the checkmark version as well.
- Select all
indicator elements inside the radio
- Sett fill color to
main/base-default
- Do the same with the
Neutral variant. Only now use neutral-base-default
This is how it should look:
Version number
No response
Description of the bug
In production the "checkmark" and "dot" in checkbox and radiobuttons dont follow the Default -> hover - > active base color. They are
base-defaultin all states. This is because they use the--dsc-chip-input-stroke-colorvariable. This have no hover/active state as with the background color used on the whole chip. This might be a technical choice.We decided the quickest fix was to fix this in Figma. But im not sure this is the most "correct" way to go about this. Since its a very small issue, I dont see the harm.
How to fix
indicatorelements inside the radiomain/base-defaultNeutralvariant. Only now useneutral-base-defaultThis is how it should look:
