OWASP / OWASP/Nest

Enable Colored Icons on Hover for Technologies Section to Improve Visual Feedback

Open
#1,360 5 comments 0 reactions 0 assignees View on GitHub
enhancement question
Dominant language
Python
Stars
451
Forks
707
Avg merge
22h 59m
Merged PRs (30d)
91

Description

### **Is your feature request related to a problem? Please describe.**
Currently, when hovering over the technology icons, their colors remain in black and white. This results in a lack of visual feedback and doesn't utilize the recognizable brand colors of the technologies, which can affect the overall UI/UX.

### **Describe the solution you'd like**
On hover, the icons should transition from black and white to their original, respective colors. This would enhance interactivity and help users visually identify the technologies more quickly and clearly.

### **Are you going to work on implementing this?**
- [x] Yes
- [ ] No

![Image](https://github.com/user-attachments/assets/e5a38c03-6fc4-44ac-822e-65b9096507e5)

Contributor guide

Open the contributing guide

Research direction

No file or test is named in the issue. Locate the Technologies section and its icon styling, then inspect how hover states currently apply the black-and-white appearance. Done means each technology icon transitions to its original brand color on hover and the visual behavior is verified in the UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, tailwindcss, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.