Potential issue

https://muix-storybook.netlify.app/?path=/story/real-data-demo--commodity

I see two issues in the above case:

1. The color contrast of the checkbox is 1.39:1 https://webaim.org/resources/contrastchecker/?fcolor=F50057&bcolor=4A98EC. It fails to match the WCAG AA minimum accessibility target (4.5:1).
2. Luckily, Google has us covered 🙂 https://material.io/design/interaction/states.html#selected

Potential solution

I think that we can solve the above problems with:

1. Use the primary color for the Checkbox
2. Patch the selected background color until we update the value to match the specification in the core. 8% of the opacity of the primary in light mode and 16% in dark mode.