[Feat]: Contrast ratio issue for buttons to improve accessibility

[sovetski]

Description

Hi,

Current version of the library have a small issue with button color contrast

Light theme colors score:

Dark theme colors score:

To improve the accessibility score, the contrast ratio must be at least 7:1

Proposed solution

To improve it, I suggest these colors:

#cc-main {
	--cc-btn-secondary-bg: #414e55;
	--cc-btn-secondary-color: #fff;
}

.cc--darkmode #cc-main {
	--cc-btn-secondary-bg: #96b6cd;
	--cc-btn-secondary-color: #1e1e1e;
}

With these changes:

Light mode before:

Light mode after:

Light mode new score:

Dark mode before:

Dark mode after:

Dark mode new score:

Additional details

No response

[sovetski]

Some useful tools:

https://webaim.org/resources/contrastchecker/
https://app.contrast-finder.org/

[alxndr-w]

Nobody with a disability would complain about that.

The idea of different button backgrounds is to recognize "accept/reject" as easiest options and "preferences" for advanced information and settings.

Your suggestion may make some tools happy, but in fact worse for everybody.

Yes, the contrast between button and background is not visible - even for me. But that's not the point.

The label of the button is clearly visible, clickable and therefor usable and accessible.