Checkboxes are white

[Shinigami92]

It would be cool if checkboxes will render in a dark(er)
color
If going to notifications, the multiple white checkboxes flashes into your eyes

image212×938 18.5 KB

[1480c1]

I would also like to mention the checkboxes that show up when you preview a pr/issue in that the one with an actual check is barely distinguishable from one that has no checkmark

[gaknoll]

Thanks @Shinigami92 and @1480c1 for the feedback! We were able to get checkboxes working with light and dark modes in Safari but still need to continue for Chrome. I’ve shared this with the team and made sure it’s in our backlog to look into and hopefully get resolved soon!

[alrz]

In chrome, you need to enable #form-controls-dark-mode flag. This fixes the scrollbar and checkbox rendering.

[rvsfara]

and does it work in firefox?

[richiksc]

Try opening an issue with large checklists (e.g. microsoft/vscode#111406) in Dark Mode. The disabled checkboxes (I’m not an editor) don’t have enough contrast between the checked and unchecked states so it’s really hard to tell what’s checked and what’s not from a quick glance. They also don’t stand out much against the dark background compared to the checkboxes in light mode.

Diff:

lightmode1264×718 121 KB

[perkele1989]

Fully agree! Looks like they forgot this detail.

[gaknoll]

Thanks for sharing this feedback @richiksc! We haven’t forgotten about the checkboxes - they are bothering us as well 😉. Getting them fixed is in our backlog. I’m going to merge this with a similar topic where @alrz has shared a workaround for them in Chrome

[M0315G]

While using the Dark mode it’s hard to distinguish between the filled and empty Checkboxes. Maybe adding a little gradient to it will help. The ticks can have a different colour fill.

[Lachee]

Its particularly bad with disabled checkboxes.

I would suggest just making the ticks black or the boxes black, there needs to be some contrast. Gradients wouldn’t really be that appropriate here considering the rest of the style.

[ArekPiekarz]

This issue is also affecting me, using Deluminate extension gives much better recognizable state of checkboxes:

Screenshot_20210103_170128732×366 39.4 KB

[spencerpogo]

Any update on this? Using a chrome flag is not an option for me on managed ChromeOS.

[quyleanh]

This is my case. Difficult to see checked checkbox. Hope that bug will be fixed soon.

[longfellowone]

Also having this issue, checkbox’s are extremely hard to read with the dark theme

[cehfisher]

Hello @Shinigami92 - Thank you for taking the time to provide this feedback! Our Accessibility team is actively working on this issue. We will follow-up here with any additional questions or updates. Thanks again! (cc @queenofcorgis)

[cehfisher]

Hello @Shinigami92 - the accessibility team reviewed this issue and are happy to report that the notifications checkbox backgrounds all render dark in this scenario. There are other checkbox-related issues they are still working on, but this one is stale. Thank you!