Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #37092
Closed
Open
Issue created Sep 06, 2022 by Administrator@rootContributor3 of 3 checklist items completed3/3 checklist items

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

Created by: 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.

https://github.com/twbs/bootstrap/blob/fca04c07131a81e625a516cf7b98a8c7df0df1c1/scss/_accordion.scss#L16 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

Assignee
Assign to
Time tracking