[WDTK] Popup black version

[lucascumsille]

Relevant issue(s)

Helen discovered

What does this do?

Improved contrast for the popup element so it passes contrast text

Why was this needed?

Implementation notes

Screenshots

Black version

Green version
I get why originally we are using the mySociety green. but I think the problem with that it rarely looks nice inmediately right next to the other colours, they tend to clash with each other. Assuming using green is important I added a gradient that makes it readable, but probably my least favourite option. I tried a darker version so we can continue using white font text, but it didn't look very nice next to the navbar.

WDTK Variation
I created a variation of WDTK primary colour, using the same HUE, unlike the green version I think this one looks more WDTK style.

Let me know if you have any preferences.

Notes to reviewer

[HelenWDTK]

I love the black and WDTK variations - I don't think there is any particular reason why it needs to be green.

[lucascumsille]

Thanks you @HelenWDTK happy to go with that. The first one(Black version) is a bit subtle, while the WDTK versions pop up more.