FOUR-6846: Default Values in Customize UI Should Match New Contrast Colors We Have in CSS

[mcraeteisha]

Issue

Ticket: FOUR-6846

Based on the latest WCAG assessment, the new contrast colors in the CSS are not matching the ones we have by default in Customize UI, so we need to have them matching to avoid contrast observations.

Solution

Update SiteDesign.vue default colors to match colors in _colors.scss

Steps to Reproduce Issue

1. Go to Admin -> Customize UI
2. Click 'Reset' at the bottom of the page.
3. When page reloads, the Custom Colors are not the correct default ProcessMaker color palette.

How to Test

1. Update core branch to feature/FOUR-6846.
2. Go to Admin -> Customize UI
3. Click 'Reset' at the bottom of the page.
4. When page reloads, the Custom Colors are the correct default ProcessMaker color palette.

Current UI

After Reset

Updated UI

After Reset

Code Review Checklist

• [x] I have pulled this code locally and tested it on my instance, along with any associated packages.
• [x] This code adheres to ProcessMaker Coding Guidelines.
• [ ] This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• [x] This solution fixes the bug reported in the original ticket.
• [x] This solution does not alter the expected output of a component in a way that would break existing Processes.
• [x] This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• [x] This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• [x] This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• [x] This ticket conforms to the PRD associated with this part of ProcessMaker.