$accordion-button-color does not set the accordion button color

[sebastianhomeier]

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

Current behaviour

Currently, $accordion-color is used to set the accordion button color through --#{$prefix}accordion-btn-color.

bootstrap/scss/_accordion.scss

Line 16 in fca04c0

--#{$prefix}accordion-btn-color: #{$accordion-color};

However, I expected $accordion-button-color to be used here, which currently only is used as a value for $accordion-icon-color.

I also expected $accordion-color to change the accordion body color, which is currently not the case, but already got fixed in PR #36921.

Expected behaviour

I would expect the $accordion-button-color variable to change the color of the accordion button and $accordion-color to change the color of the accordion body.

Reduced test cases

https://stackblitz.com/edit/bootstrap-5-21hzwn?file=src/styles.scss

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

macOS

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

Chrome, Safari, Firefox

What version of Bootstrap are you using?

v5.2.0

[sebastianhomeier]

I created a draft PR for this issue: #37093