FOUR-6801 - Select options background color contrast

[estebangallego]

Ticket FOUR-6801

Issue & Reproduction Steps

Currently, the select options (ul/li) background color has poor contrast.

Solution

• Update the current background of the select options.
• Added an x (Close button) to the selected and hover
• Update hover color on selected.

How to Test

• Checkout to branch FOUR-6801
• Run npm run watch
• On the dashboard, click on any of the dropdowns.
• New colors should be shown within the selections.
• A small x at the end of the select ones should be displayed.
• When hovering a selected option, a small x should be displayed.

Related Tickets

• Related ticket: https://processmaker.atlassian.net/browse/FOUR-6963
• Related PR: https://github.com/ProcessMaker/processmaker/pull/4554

Current UI

Updated UI

Code Review Checklist

• [ ] I have pulled this code locally and tested it on my instance, along with any associated packages.
• [ ] 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.
• [ ] This solution fixes the bug reported in the original ticket.
• [ ] This solution does not alter the expected output of a component in a way that would break existing Processes.
• [ ] This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• [ ] This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• [ ] This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• [ ] This ticket conforms to the PRD associated with this part of ProcessMaker.