coder13 / coder13/Competitor-groups

Results feature polish: badges, contrast, Avg/Best separation

Open
#72 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
11
Forks
12
Avg merge
34m
Merged PRs (30d)
2

Description

The Results feature could use some UI polish for readability and quick scanning.

## Todo
- Add PR / NR / WR badges
- Fix color contrast (especially in dark mode)
- Make the Avg and Best columns more visually distinct
- ideas: wider cells, a vertical separator line between solve times and Avg/Best, or stronger header styling

## Notes
- Goal: make it easier to scan results at a glance without losing legibility in dark mode.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the Results feature's UI entry point and existing styling, then review the results table in both light and dark modes. Done means PR, NR, and WR badges are present, contrast is readable in dark mode, and the Avg and Best columns are visually distinct without reducing legibility.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.