Description

The sidebar items (e.g., "Pen") have low color contrast in their hover and active states.

This makes it difficult to distinguish the selected item, especially for users with color vision deficiencies.

Current Behavior

• Hovering over sidebar items slightly changes color but is barely noticeable
• Active/selected item is not clearly distinguishable
• Poor visibility for color-blind users

Expected Behavior

• Sidebar items should have clearly visible hover and active states
• Selected item should be easily distinguishable
• Better contrast or additional visual indicators should be present

Screenshots

###Proposed Solution

• Increase contrast of hover and active colors
• Add a visible indicator (e.g., left border or highlight)

Environment

• OS: Windows
• Browser: Chrome
• Version: Latest (running locally)

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided enough information to understand the issue.
• I am willing to contribute to the resolution of this issue.

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.