Update checkbox styles

[davidmyersdev]

Checkboxes should match the container background color (or be closer in color) with a border that provides a high contrast with the background.

[demetrius-mp]

you want to change this orange-ish border? on dark mode it has high contrast with the background, but on light mode it is not so high.

i didnt understand which part of the checkbox should match the container background

[davidmyersdev]

I should have added more info to this issue. I'm actually talking about the checkbox overlay that is rendered when the following option is enabled.

ink(el, { interface: { lists: true } })

Here is what it looks like with that option enabled.

[demetrius-mp]

i guess that on light mode this is already achieved, right? when it is not checked, the inner part of the box matches the background color, and the border has high contrast.

however, on dark mode, when its not checked it stays the same as white mode.

correct me if im wrong, but what you want is to, on dark mode, make the inner box closer to the background, and the border to have high contrast. is that it?

[davidmyersdev]

That's correct!

[demetrius-mp]

i tried to style the inner box with css but i wasnt able to 😢

well, at least now the issue is more clear and maybe someone else can fix this

[davidmyersdev]

No worries at all. I appreciate you taking a stab at it!