Disabled buttons get colored error fixed

[Riyazul555]

Description

Motivation & Context

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-{your_pr_number}--twbs-bootstrap.netlify.app/

Related issues

Closes #40557

[julien-deramond]

Thanks for submitting a PR @Riyazul555
I haven't looked at the issue in detail, but here's already a first quick feedback.
There's something to do with --#{$prefix}btn-disabled-opacity as in your version, this CSS variable is no more used at all.
And you also set background-color two times for the same rule (can be seen also by running npm run lint locally).

[Riyazul555]

Ok I got it @julien-deramond
I have made new changes
Please check out
Thanks

[rr-it]

This PR makes the ligtness of disabled buttons fixed. Disabled buttons should fade into the background , so the lightness has to change depending on which background a button is put on.
So this does not close the mentioned issue.

@Riyazul555 There is already an open PR for the issue. Please see #40559 – feedback welcome!