Increase Contrast for Purple on UI

[zackbcom]

Checklist

• I am not using Home Assistant. Or: a developer has told me to come here.
• I have checked the troubleshooting section and my problem is not described there.
• I have read the changelog and my problem is not mentioned there.

Deploy method

Docker

Z-Wave JS UI version

9.29.1.b4e1279

ZwaveJS version

14.3.7

Describe the bug

Issue

I am having a hard time seeing the dark purple colors used for Long Range with dark mode.

Could we get them changed to be a bit lighter for better contrast?

https://webaim.org/resources/contrastchecker/?fcolor=9C27B0&bcolor=1E1E1E

To Reproduce

View zwave LR button on Provisioning Entries page.

Expected behavior

Purple color to have better contrast for visibility.

Additional context

Ran this through ChatGPT to see what it would recommend

To create a cohesive color palette for a website, while ensuring WCAG AA compliance and maintaining the same primary color essence, we can slightly tweak the hues, saturation, and brightness of the colors. The goal is to make them visually harmonious while being accessible.

Here’s the updated, cohesive palette:

Updated Colors (Hex and RGB):

• Orange
  • Hex: #FFB74D
  • RGB: (255, 183, 77)
• Green
  • Hex: #81C784
  • RGB: (129, 199, 132)
• Red
  • Hex: #EF5350
  • RGB: (239, 83, 80)
• Blue
  • Hex: #42A5F5
  • RGB: (66, 165, 245)
• Purple
  • Hex: #BA68C8
  • RGB: (186, 104, 200)
• Background
  • Hex: #1E1E1E
  • RGB: (30, 30, 30)

Characteristics of the Palette:

• Cohesiveness: Colors have been slightly desaturated to ensure harmony, with brightness adjusted for uniform visual appeal.
• Accessibility: Colors now meet WCAG AA contrast standards for text and button use on the dark background (#1E1E1E).
• Flexibility: This palette works for buttons, text, and other UI elements on a modern, professional website.