Table borders look bad in dark mode

[j-f1]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

I’m super excited to see #35857 and have built a copy of it to try out on my website. However, in dark mode, the borders of table cells remain black (or dark gray).

I think the best solution here would be to update the default .table class to use --bs-border-color as its border color, then add a new class (table-white?) that continues to use the current border colors, but also adds an explicit white background to table cells.

Reduced test cases

See the docs for tables: https://deploy-preview-35857--twbs-bootstrap.netlify.app/docs/5.1/content/tables/

In light mode, the very first table looks good. But in dark mode, its borders do not change color.

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Safari

What version of Bootstrap are you using?

3790ed0

[mdo]

Yeah, there's going to be a ton that's incomplete there—nearly all components aren't ready for it yet. No need to report issues on that branch/PR just yet :).

[j-f1]

Sounds good! I only reported it because I saw no other issues with my (admittedly not super complex) website.

[mdo]

All good! Appreciate the extra eyes on it :). I'm very excited to see it evolve and improve!