Checkbox background not distinguishable from paragraph background, when in dark mode

Attaching screenshot.

I applied a quick fix by adding this CSS rule to a custom library in my site:

.gin--dark-mode .paragraphs-tabs-wrapper .field-multiple-table .draggable {
  background: transparent !important;
}

swatidhurandhar → made their first commit to this issue’s fork.

I could replicate the issue in dark mode of gin theme. The toggle checkbox was not visible in paragraph reference entity added in content types, to fix this I made a slight change in color of checkbox in dark mode and created a patch for it.
Thanks

#5 works, though someone with proper accessibility knowledge may want to review it as the resulting contrast doesn't seem that obvious to me.

(Somehow, the original screenshot is not available anymore... I uploaded it again).

I applied patch #5, getting error while applying patch.

But when i changed in code, which is suggested by #3.

.gin--dark-mode .paragraphs-tabs-wrapper .field-multiple-table .draggable {
  background: transparent !important;
}

@swatidhurandhar please check path directory of the theme.

So I suggest to create MR to avoid the conflict and its recommended.

Good catch @djsagar!

The problem with #5 is it was created from a git repo managing the entire Drupal site. I'm attaching a corrected patch, created from a checkout of the gin repo.

@jedihe Issue resolved after applied patch #8.

Before patch

After patch

RTBC ++

Is this still an issue? I applied your patch and didn't see any changes.
It may have already been fixed via https://git.drupalcode.org/project/gin/-/commit/e7f72df9c693dbcdbadeabdb...

Closed as outdated