[FEATURE] - Fix Blurry Images Across Light and Dark Themes #595
Description
✨ Feature Description
Some images/icons appear blurry in both light and dark themes. This reduces the visual sharpness of the UI and makes the app look less professional.
🎯 Why is this Needed?
Ensures consistent image clarity in both themes.
Improves overall user experience and visual appeal.
Maintains a professional and polished interface.
📋 Possible Implementation
Replace low-resolution images with high-resolution assets (preferably SVGs for icons).
Use responsive image rendering techniques to avoid scaling issues.
Apply CSS properties like image-rendering: crisp-edges; or image-rendering: pixelated; (where appropriate).
Test in both light and dark modes to ensure images remain sharp.
📸 Mockups / Examples (if any)
✅ Additional Notes
Prioritize vector assets (SVG) for scalability across screen sizes.
If raster images must be used, provide 2x or 3x resolution versions for HiDPI/Retina displays.