Inconsistency in Visibility of URL 'https://nuxt.com/deploy/koyeb' in Light and Dark Modes
codercake opened this issue · comments
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
- Enable light mode in the application.
- Navigate to the section where the URL "https://nuxt.com/deploy/koyeb" is displayed.
- Observe that the URL is not visible or barely visible due to insufficient contrast with the background.
- Switch to dark mode and verify that the URL becomes visible and legible.
- 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