Issue Summary

The border of the email address edit field is failing minimum color contrast requirements.

Steps to Reproduce

1. Open URL: https://status.npmjs.org/ and sign in with valid credentials.
2. Navigate to 'subscribe to updates' control and select it.
3. Navigate to 'Subscribe via email' tab and select it.
4. Navigate to the email address edit field.
5. Open color contrast analyzer tool.
6. Verify whether the luminosity ratio for borderline for the edit field control is less than
the required contrast ratio 3:1 or not.

Screenshot

Actual Results

Luminosity ratio of borderline for the 'email address' edit field is 1.8:1 (Foreground: #bbbbbb,
Background: #F6F8FA) which is less than the required contrast ratio 3:1.
<input name="email" id="email" type="text" class="full-width"
data-js-hook="email-notification-field" autocomplete="email">

As a result, the user will face difficulty in
performing the desired action related to that control.

Expected Results

Luminosity ratio of borderline for the 'email address' edit field should be equal to or greater
than the required contrast ratio 3:1.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16 inch, 2021)
macOs Sonoma 14.7.1 (23H222)
Chrome - Version 131.0.6778.265 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 18.2
JAWS- Version 2024
NVDA- Version 2024
Voiceover - Version Latest