Fixes to the badge colour and hover state in different themes

[helenb]

Monday ticket

Description of Changes Made

Another little theme bugfix. I spotted that the mobile dropdown in the coral theme was not displaying the jobs badge as the fill colour was the same as the background colour. I then spotted that the hover effects on the badges aren't great either.

How to Test

Visit a page using the coral theme in your local build, reduce the screen size, and open the mobile drop-down menu to see the badge colour. Check the hover state too, and compare it to the colour and hover state in the desktop dropdown.

Repeat this for the other themes - compare to the live site to see the differences.

Check the badge colour and hover state in the dropdown menu on the home page, and compare to live to confirm this has not changed.

Before and after screencasts

Expand to see more

before.mov

after.mov

MR Checklist

• Add a description of your pull request and instructions for the reviewer to verify your work.
• If your pull request is for a specific ticket, link to it in the description.
• Stay on point and keep it small so the merge request can be easily reviewed.
• Consider adding unit tests, especially for bug fixes. If you don't, tell us why.
• Tests and linting passes.
• Consider updating documentation. If you don't, tell us why.
• If relevant, list the environments / browsers in which you tested your changes.

[albinazs]

Looks good to me, @helenb !