CSS for customising appearance (colour) of spoilers?

[dmantisk]

What I’m trying to do

Change the colour of the ‘block’ hiding the spoiler text.

Currently it looks like this

Here, the block is too close to the background, and I’d like to change that.

I’m specifically using the spoiler from Extended markdown syntax plugin with the ||spoiler|| syntax.
But I assume using html for spoiler will also use the appearance for the spoiler.

Things I have tried

Searching leads to css for creating spoilers, not customising appearance.

[DiCaver]

Those two CSS snippets …

.cm-spoiler {
  .theme-dark & {
    background-color: red;
  }
}

span.spoiler {
  .theme-dark & {
    background-color: red;
  }
}

(top one is for editing and bottom for reading mode)

… change it into this screamy red …

I’m not sure what the purpose of .theme-dark is. Maybe this part will be different if you have a light theme.

Cheers, Marko

EDIT
I just burn my eyes to test it! … yes, in light theme there is .theme-light

[dmantisk]

Thank you!
That worked.

Nice of you to test the light theme at the cost of your eyesight too.