How to change base Accordion's background color?

[Reymdusk]

Hello,

I cannot seem to find a way to change the background color of the Accordion component.
There is nothing about this in the Storybook.

I tried to add style={{backgroundColor: "black"}} to the <Accordion> tag.
I even tried the flush option to see if removing the default background, as the Storybook suggests, to try to edit the color.
I also tried to change the contents of the items inside the AccordionHeader tag, but it only changes the item itself, even if I remove margin / padding.

I'm trying to use a dark-theme, and the Accordion's very bright default color is not what I want.

Note that I can change the styling for the AccordionBody tag, and it works well, but I want the Header, and/or the overall Accordion to be styled.

Can someone assist?

[Reymdusk]

Figured it out, had to edit the .accordion-button class instead

[kschmott]

Are you using nextjs? I'm having the same problem and I can't seem to edit that class

[Reymdusk]

Unfortunately, no.
Have you attempted with CSS Modules?

[kschmott]

Yeah, I can't seem to change the styles when it is focused or :not(.collapsed)

[kschmott]

Managed to fix it by copying the css from the browser. My css file looks like this: