Gated NFT UI elements are hardly visible when browser has dark mode - ON

[amelnytskyi]

🐛 Bug Report for zkSync Era In-Memory Node

📝 Description

Gated NFT UI elements are hardly visible when browser has dark mode - ON

🔄 Reproduction Steps

1. Pass Gated NFT paymaster tutorial till the end
2. Set Dark mode - ON in your browser
3. Open http://localhost:3000/
4. Pay attention to the Home page
5. Hover the mouse on "Change message" button
6. Pay attention to the "Change message" button
7. Connect your wallet
8. Click "Change message" button
9. Pay attention to the "Transaction Details" pop un text

🤔 Expected Behavior

All the UI and text elements are visible on Gated NFT UI local address (http://localhost:3000/) in dark mode (same as in light mode)

😯 Current Behavior

Gated NFT UI elements are hardly visible when browser has dark mode - ON 1) zkSync Logo is not visible (it is black on black)

2) "Change message" button text is readable only on hover (text is dark on black background)

3) Transaction Details screen - text is white on white

But is is readable in light mode

🖥️ Environment

• Operating System & Version: repro on MacOS Ventura 13.5.2 (Chrome, Safari, Brave browsers)

[amelnytskyi]

@idea404 FYI

[abilevych]

Yeah, the issue is still the actual one.

It was confirmed in Chrome/Edge browsers.