Option to remove the thick bottom border from `thead` and top border from `tfoot` in table element

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

There should be an option to remove the thick glaring dark bottom border from thead and top border from tfoot in the table element.

Motivation and context

Not everybody will like this. I have updated a big project (which has hundreds of tables) to bootstrap 5.1.3. Now I need to remove the thick glaring dark bottom broder from thead and the top border from tfoot in the table element.

Right now, how can I remove these borders using custom CSS? Please help me.

[nkdas91]

@TanvirArjel

This is the CSS that adds the borders

.table > :not(:first-child) {
    border-top: 2px solid currentColor;
}

You may use the following to remove them

.table > :not(:first-child) {
    border-top: 0;
}

[membersound]

Don’t forget you can access the original grey color using the CSS variable var(--bs-gray-300).

So in my case it has to be a --bs-gray-600 for being the same as solid gray. Thnx!