Begin of the insertion####End of the insertion **Acceptance criteria**

* Begin of the insertionReplace existing colours with these Primer CSS variables:

* **Top header:** theEnd of the insertion Begin of the deletion TheEnd of the deletion red notification Begin of the insertionbadge  uses the  `--display-red-bgColor-emphasis`End of the insertion Begin of the deletion bad top header uses aEnd of the deletion Primer colour variable Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Begin of the insertion**Notification center:** The blue notification badge on individual notifications uses the `--bgColor-accent-emphasis` Primer colour variable.End of the insertion Begin of the deletion We can stay with red, or try other coloursEnd of the deletion


Begin of the insertion~~**Notes**~~End of the insertion Begin of the deletion **Notes**End of the deletion

* Begin of the insertion~~GitHubEnd of the insertion Begin of the deletion GitHubEnd of the deletion themselves seem to Begin of the insertionuse~~ `~~--bgColor-accent-emphasis~~`~~,End of the insertion Begin of the deletion use `--bgColor-accent-emphasis`,End of the deletion which we'll use in the new Activity panel (##54733), but since this is blue, it might not work with our blue Begin of the insertionbackground.~~End of the insertion Begin of the deletion background.


**Technical points:**
Use the following primer CSS variables:
`--bgColor-accent-emphasis` for badge in notification row,

and `--display-red-bgColor-emphasis` for badge in header.End of the deletion