I thought it would change either name to fix conflicts.

I thought it would change either name to fix conflicts.

I agree this would be a better solution

Ideas of the name:

• table-highlighted-{theme} and table-active
• table-variant-{theme} and table-active
• table-data-{theme} and table-active

Why not just rename .table-dark to .table-inverted, .table-inverted-text or .table-text-inverted?

Or even better: remove .table-dark entirely since you can do the same with other utility classes?

Or even better: remove .table-dark entirely since you can do the same with other utility classes?

You can't use the current utility classes to change the border colors. On the other hand, it's not that user friendly if you need to add classes to each cell to override border colors.

I thought it would change either name to fix conflicts.

Any suggestions on this approach? I chose to remove the dark variant since the dark, active and secondary table variants look quite alike.

Any suggestions on this approach?

Please see my above comment.

My point was: do we really need this many shades of gray? https://codepen.io/MartijnCuppens/pen/dyoOpNV

The gray active and secondary are just by default colors. Users can customize the colors, but dark is dark for everyone.

For example, we need to consider users who have active light blue and secondary pink.

Wondering if we can nix the .table-dark that inverts things for a series of utilities:

• .bg-dark for the background-color
• .text-white for the color change
• Add new border color utilities

Thoughts?

Alternate approach opened up at #30342.