Announcement bar is not dark-styled

[SylwesterZarebski]

• Browser: Firefox 88.0.1

• Operating System: Windows 10

• Link to page with the issue: Any StackOverflow page, but probably it is shown differently for different users, thus pasting HTML code.

• Screenshot:
  

• HTML code for DIV:

<div id="announcement-banner" class="js-announcement-banner bg-black-700 fc-white ff-sans fs-body2 py2" data-campaign="2021-05-25.dev-survey-2021" data-cookie="notice-dsv" data-expire-date="1624456800000">
    <div class="grid jc-space-between wmx12 mx-auto px16 py8">
        <div class="grid--cell mr12">
            People who code: we want your input.  <a target="_blank" class="s-link js-link js-gps-track fw-bold fc-blue-400" href="/dev-survey/start?utm_source=so-owned&amp;utm_medium=announcement-banner&amp;utm_campaign=dev-survey-2021" data-ga="[&quot;dev-survey-2021&quot;,&quot;Announcement Banner&quot;,&quot;/dev-survey/start?utm_source=so-owned&amp;utm_medium=announcement-banner&amp;utm_campaign=dev-survey-2021&quot;,null,{&quot;dimension4&quot;:&quot;dev-survey-2021&quot;}]" data-gps-track="announcement_banner.click({campaign: '2021-05-25.dev-survey-2021', location: 2, action: 2})">Take the Survey</a>
        </div>
        <a class="grid-cell fc-white js-dismiss js-gps-track" href="#" title="dismiss" data-gps-track="announcement_banner.click({campaign: '2021-05-25.dev-survey-2021', location: 2, action: 1})"><svg aria-hidden="true" class="m0 svg-icon iconClear" width="18" height="18" viewBox="0 0 18 18"><path d="M15 4.41L13.59 3 9 7.59 4.41 3 3 4.41 7.59 9 3 13.59 4.41 15 9 10.41 13.59 15 15 13.59 10.41 9 15 4.41z"></path></svg></a>
    </div>
</div>

[the-j0k3r]

fixed, sorry it too so long

see #238

[SylwesterZarebski]

Thanks a lot. It was a very minor issue, thus no haste ;-).