Fix - Change color Contrast in cookie settings box

[VictorHugoDuranS]

References

• Partial Fix for Color Contrast in cookie settings box is not sufficient #2668
• Replaces PR #fixing accesibility issues in the cookie setting #2715

Description

For resolve comments on PR Cookie setting menu accessibility bug fixed

Instructions for Reviewers

List of changes in this PR:

• Added --green1 variable style to change the background color on cookie settings
• Added --green1 in color for hyperlink
• Text color as dark in the accept button

Using the util : https://webaim.org/resources/contrastchecker/, i found the color constrast for color #333

And edit the var color implemented by former by PR mentioned, getting the following

Checklist

This checklist provides a reminder of what we are going to look for when reviewing your PR. You need not complete this checklist prior to creating your PR (draft PRs are always welcome). If you are unsure about an item in the checklist, don't hesitate to ask. We're here to help!

• My PR is small in size (e.g. less than 1,000 lines of code, not including comments & specs/tests), or I have provided reasons as to why that's not possible.
• My PR passes ESLint validation using yarn lint
• My PR doesn't introduce circular dependencies (verified via yarn check-circ-deps)
• My PR includes TypeDoc comments for all new (or modified) public methods and classes. It also includes TypeDoc for large or complex private methods.
• My PR passes all specs/tests and includes new/updated specs or tests based on the Code Testing Guide.
• If my PR includes new libraries/dependencies (in package.json), I've made sure their licenses align with the DSpace BSD License based on the Licensing of Contributions documentation.
• If my PR includes new features or configurations, I've provided basic technical documentation in the PR itself.
• If my PR fixes an issue ticket, I've linked them together.

[tdonohue]

👍 Thanks @VictorHugoDuranS . I've verified this fixes the color contrast issues with the initial "We collection and process..." popup that users will see.

However, I did want to point out that if you click "Customize" on that popup, then you see a list of settings you can customize. That page still fails color contrast because it has a lot of faded gray text on a black background.

So, I'll merge this PR as a partial fix, but I'm leaving the ticket open until we can fully fix the color contrast issues.

See note I added to the original ticket for more details #2668 (comment)

[dspace-bot]

Backport failed for main, because it was unable to cherry-pick the commit(s).

Please cherry-pick the changes locally and resolve any conflicts.

git fetch origin main
git worktree add -d .worktree/backport-3039-to-main origin/main
cd .worktree/backport-3039-to-main
git switch --create backport-3039-to-main
git cherry-pick -x 876ecb1d12e249da0d7dc714cf841558d3246979

[tdonohue]

Ported to main / 8.0 in #3120