Refactor to use css variables that match brandable color palette

[allisonking]

Closes #3258

Code Changes

• Add new CSS vars that match the design
• Use these CSS vars instead of the old ones for both the banner and modal components
• Update banner to look a bit more like the designs (two "primary" buttons)
• Update cypress test

Steps to Confirm

• Run npm run dev-pc from the clients directory
• Open http://localhost:3000/fides-js-components-demo.html and you should see the default styling
• Edit the variables of overlay.module.css to whatever you'd like
• Rerun npm run dev-pc and check http://localhost:3000/fides-js-components-demo.html to make sure your changes took place

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
• Issue Requirements are Met
• Relevant Follow-Up Issues Created
• Update CHANGELOG.md
• For API changes, the Postman collection has been updated

Description Of Changes

Default colors

Green colors

By setting these vars:

--fides-consent-overlay-primary-color: #398132;
--fides-consent-overlay-primary-button-background-color: #398132;
--fides-consent-overlay-secondary-button-border-color: #398132;
--fides-consent-overlay-primary-active-color: #398132;

Tomato life 🍅

[cypress]

Passing run #2106 ↗︎

0	4	0	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge a8fcf67 into 00caa4c...
Project: fides	Commit: 739478be16 ℹ️
Status: Passed	Duration: 00:43 💡
Started: May 22, 2023 4:50 PM	Ended: May 22, 2023 4:51 PM

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[eastandwestwind]

Looks like there are some conflicts with main, otherwise looks great!