[Security] "Next" button label/text for pin required/passkey-pin input is unreadable

[stephendonner]

Description

Next button label/text for pin required/passkey-pin input is unreadable in Light mode

Steps to reproduce

1. install 1.69.23
2. launch Brave
3. insert an MFA device/passkey
4. load https://github.com
5. click on Log in
6. click on Use a passkey option
7. look at the resulting dialog

Actual result

The button text/label for the Next button isn't readable in Light mode

Expected result

The Next button's text should be readable, in both Dark and Light browser modes

Reproduces how often

Easily reproduced

Brave version (brave://version info)

Brave | 1.69.23 Chromium: 126.0.6478.71 (Official Build) nightly (x86_64)
-- | --
Revision | 18f7cda0b21e2fd5a80aa0e7c862579270b64c8b
OS | macOS Version 11.7.10 (Build 20G1427)

Channel information

• release (stable)
• beta
• nightly

Reproducibility

• with Brave Shields disabled
• with Brave Rewards disabled
• in the latest version of Chrome

Miscellaneous information

cc @rebron @simonhong @bsclifton @fmarier @kdenhartog @brave/qa-team

[stephendonner]

This works in

Brave | 1.66.118 Chromium: 125.0.6422.147 (Official Build) (x86_64)
-- | --
Revision | 07af53490e0a52336cfb99a376f87671be258049
OS | macOS Version 11.7.10 (Build 20G1427)

[stephendonner]

And also is fine in Dark modes for the following builds:

1.66.118	1.69.23

[stephendonner]

I think this might be macOS-specific (maybe it happens on linux too?), as Windows 10 renders the buttons natively, it looks like:

[fmarier]

#38905 is another example of an unreadable button in light mode.

[simonhong]

Working on this now.