web-based design tool built using Next.js. It aims to provide a collaborative design environment where users can create, edit, and share their designs in real-time.
Description:
Some icons are not visible when using dark mode. This issue makes it difficult to navigate or understand the functionality of the affected icons.
Steps to Reproduce:
Switch to dark mode on the application.
Navigate to the section where icons are used (specify the affected section(s) if possible).
Observe that certain icons are not visible or are difficult to see.
Expected Behavior:
Icons should be clearly visible and distinguishable in both light and dark mode.
Actual Behavior:
Icons are either not visible or are too faint to be seen in dark mode.
Screenshots:
Environment:
Browser/Device:e.g., Chrome, Firefox, Safari, etc.
Operating System:e.g., Windows, macOS, Linux, etc.
Dark Mode Enabled: Yes
Possible Solution:
Review the color contrast of the icons in dark mode and adjust them to ensure they meet accessibility standards. Consider using light-colored icons or adding background contrast for better visibility.
Bug Report: Icons Not Visible in Dark Mode
Description: Some icons are not visible when using dark mode. This issue makes it difficult to navigate or understand the functionality of the affected icons.
Steps to Reproduce:
Expected Behavior: Icons should be clearly visible and distinguishable in both light and dark mode.
Actual Behavior: Icons are either not visible or are too faint to be seen in dark mode.
Screenshots:
Environment:
Possible Solution: Review the color contrast of the icons in dark mode and adjust them to ensure they meet accessibility standards. Consider using light-colored icons or adding background contrast for better visibility.