Skip to content

enhance(ui): color-code and shrink the activity feed action icons - #38667

Open
kp2fcf88vn-lab wants to merge 3 commits into
go-gitea:mainfrom
kp2fcf88vn-lab:dashboard-feed-icon-colors
Open

enhance(ui): color-code and shrink the activity feed action icons#38667
kp2fcf88vn-lab wants to merge 3 commits into
go-gitea:mainfrom
kp2fcf88vn-lab:dashboard-feed-icon-colors

Conversation

@kp2fcf88vn-lab

@kp2fcf88vn-lab kp2fcf88vn-lab commented Jul 27, 2026

Copy link
Copy Markdown

The dashboard activity feed renders every action icon at 32px in a single
muted color. The icon carries no information and visually dominates the row.

This renders it at 16px and colors it by action type, reusing the conventions
already used for issue and pull request icons in templates/shared/issueicon.tmpl:

Color Actions
green opened, reopened, approved
red closed, rejected, review dismissed
purple merged, auto-merged
blue repository and commit activity
yellow tags and releases
orange branch deletion
muted everything else (unchanged)

The colors come from the existing tw-text-* utilities, so they follow the
active theme rather than being hardcoded.

star_repo, watch_repo and pull_request_ready_for_review have no text
branch in feeds.tmpl and already fall back to octicon-question; they keep
the current muted color, so this changes nothing for them.

Testing

Seeded a local instance with one action of every ActionType (all 27) and
checked the feed renders each one with the intended icon and color.

AI assistance

The implementation was drafted with AI assistance. I reviewed and tested the
change myself and can explain and defend it.

Before:

before

After:

after

The dashboard activity feed rendered every action icon at 32px in a
single muted color, so the icon carried no information and dominated the
row. Render it at 16px and color it by action type, following the same
conventions as the issue and pull request icons: green for opened and
approved, red for closed and rejected, purple for merged, blue for
repository and commit activity, yellow for tags and releases.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Signed-off-by: Sascha Simon <apps@sascha-simon.com>
@GiteaBot GiteaBot added the lgtm/need 2 This PR needs two approvals by maintainers to be considered for merging. label Jul 27, 2026
@kp2fcf88vn-lab kp2fcf88vn-lab changed the title feat(ui): color and shrink the activity feed action icons enhance(ui): color-code and shrink the activity feed action icons Jul 27, 2026
@kp2fcf88vn-lab
kp2fcf88vn-lab marked this pull request as ready for review July 27, 2026 16:33
@github-actions github-actions Bot added topic/ui Change the appearance of the Gitea UI type/enhancement An improvement of existing functionality labels Jul 27, 2026
@silverwind

silverwind commented Jul 28, 2026

Copy link
Copy Markdown
Member

I have a feeling those icons should be 24px at least. Regarding colors, I'm not sure, Gitea has been following GitHub which has a pretty color-less design overall, hard to decide for me.

Also keep note that this affects the frontpage feed, which may or may not use the same shared template.

@kp2fcf88vn-lab

Copy link
Copy Markdown
Author

I have a feeling those icons should be 24px at least. Regarding colors, I'm not sure, Gitea has been following GitHub which has a pretty color-less design overall, hard to decide for me.

Also keep note that this affects the frontpage feed, which may or may not use the same shared template.

With 24px icons:

after

The GitHub mobile app uses coloured icons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

lgtm/need 2 This PR needs two approvals by maintainers to be considered for merging. topic/ui Change the appearance of the Gitea UI type/enhancement An improvement of existing functionality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants