containers / containers/podman.io

Improve Community Links Section: Update Icon Styling and Add Consistent Hover Effects

Open
#589 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
108
Forks
188
Avg merge
6d 22h
Merged PRs (30d)
12

Description

While browsing the Community section, I noticed that the icons don't feel consistent across themes.
In Light Mode, some icons blend into their circular backgrounds and don't stand out very well. In Dark Mode, a few of them also lose visual clarity, making the section look less polished overall.
Another thing I noticed is that only the IRC icon provides a noticeable hover effect. The other icons don't respond visually when hovered, which makes the interaction feel inconsistent.

Suggested Improvements

- Replace or update the community icons so they are more readable in both Light and Dark themes.
- Keep the icon style consistent (size, contrast, and visual weight) across all community links.
- Apply the same hover behavior to every icon instead of only the IRC icon. A subtle scale, color, or shadow transition would make the links feel more interactive.
- Ensure the hover animation is smooth and consistent throughout the section.
- even github icon not look good in dark mode

I mean look at the images

Image

Image

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the Community links section and its icon styles or components, then compare the attached Light and Dark mode screenshots with the current rendering. Check every community link for consistent contrast, sizing, and smooth hover behavior in both themes; done means the icons are readable and respond uniformly when hovered.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.