Presets Panel: Low Contrast on Icon Buttons

[derekjackson-das]

Issue Description

The icon buttons in the presets menu are below the WCAG criteria of 3:1 for non-text content.

Related to:

• Presets Panel: Incorrect "option" Role. #5450
• Presets Panel: Keyboard Access Not Provided for Icon Links  #5451
• Presets Panel: Icon Buttons Missing Accessible Name  #5453
• Presets Panel: Nested Interactive Elements #5489

Derived from #5187 .

WCAG Criteria

1.4.11 Non-text Contrast - AA

Screenshot or Screen Recording

Relevant Code

<button class="m-0 h-full rounded-md bg-transparent p-2 text-gray-400 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">

Notes

A small increase in the darkness will improve the contrast. For example, using #424242 improves the contrast significantly, or changing the .text-dark-grey-400 class to .text-dark-grey-600.