Skip to content

style: update difficulty chart colors to match standard LeetCode palette - #541

Open
Yashaswini-K-P wants to merge 1 commit into
codepvg:mainfrom
Yashaswini-K-P:feature/update-chart-colors
Open

style: update difficulty chart colors to match standard LeetCode palette#541
Yashaswini-K-P wants to merge 1 commit into
codepvg:mainfrom
Yashaswini-K-P:feature/update-chart-colors

Conversation

@Yashaswini-K-P

Copy link
Copy Markdown
Contributor

Description

Standardized the difficulty chart color scheme across the application to match standard LeetCode color palettes (#00b8a3 for Easy, #ffc01e for Medium, and #ff375f for Hard). This replaces mismatched retro/neon hex codes and ensures visual consistency across comparison graphs, leaderboard stats, and user profile breakdown charts.

Linked Issue

Fixes #362

Changes Made

  • Updated difficulty bar chart dataset colors in frontend/js/leaderboard/compare.js.
  • Updated aggregate statistics doughnut chart background and border colors in frontend/js/leaderboard/stats.js.
  • Updated performance line graph and difficulty breakdown doughnut chart dataset colors in frontend/js/user/historical-graphs.js.

Type of Change

  • Bug fix
  • New feature
  • UI/Visual update
  • Documentation update
  • Refactor

Testing

  • Tested locally
  • Tested on mobile viewport (if applicable)
  • No console errors introduced

Checklist

  • My code follows the project's coding style
  • I have formatted my code locally by running npx prettier --write . before submitting
  • I am submitting my PR from a dedicated feature/* branch, not the main branch
  • I have performed a self-review of my code
  • My changes generate no new warnings or errors
  • I have updated documentation if required
  • I have linked the relevant issue

Screenshots / Screen Recording

@github-actions

github-actions Bot commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

Thank you for submitting a pull request.

Please ensure your changes comply with the project's contribution guidelines and that all workflow checks pass successfully.

Formatting and Branching

  • Please confirm you have formatted your code locally using npx prettier --write . before requesting a review.
  • Ensure this PR is made from a feature/* branch and not main.

Note: This project is currently maintained by a solo maintainer, so reviews and responses may sometimes take a little time. Thanks for your patience.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement] Align user profile and comparison modal chart colors with LeetCode difficulty scheme

1 participant