Inconsistency in Visibility of URL 'https://nuxt.com/deploy/koyeb' in Light and Dark Modes

[codercake]

Environment

• Operating System: Windows 10
• Browser/Device: Google Chrome 98
• Theme/Mode: Light mode
• Additional Information: No browser extensions are enabled, and default browser settings are used.

Reproduction

1. Enable light mode in the application.
2. Navigate to the section where the URL "https://nuxt.com/deploy/koyeb" is displayed.
3. Observe that the URL is not visible or barely visible due to insufficient contrast with the background.
4. Switch to dark mode and verify that the URL becomes visible and legible.
5. Switch back to light mode and confirm that the URL remains difficult to read.

Describe the bug

🚀 Bug Report

📝 Description

In light mode, the URL "https://nuxt.com/deploy/koyeb" is not visible, whereas in dark mode, the icon is visible. This inconsistency affects the readability and accessibility of the content.

✨ Describe the solution you'd like

Adjust the background color or text color of the URL "https://nuxt.com/deploy/koyeb" in light mode to ensure it is visible and legible to users.

✍️ Describe alternatives you've considered

One alternative solution could be to provide a contrasting background color or to change the text color of the URL to ensure visibility in both light and dark modes. Additionally, providing an underline or a hover effect on the URL could improve its discoverability for users.

Additional context

No response

Logs

No response