Proposal: Sequential blue palette for version download chart#37
Open
Thomas-Vos00 wants to merge 1 commit intomainfrom
Open
Proposal: Sequential blue palette for version download chart#37Thomas-Vos00 wants to merge 1 commit intomainfrom
Thomas-Vos00 wants to merge 1 commit intomainfrom
Conversation
Strazz1337
reviewed
Mar 20, 2026
There was a problem hiding this comment.
thought: it'd probably be more logical to keep the colors in oklch color space.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Proposal
Replace the rainbow categorical color scheme in the version download bar chart with a single-hue sequential blue palette. This is a visual design proposal — feedback welcome.
Problem
The current chart uses 6 highly saturated, unrelated colors (blue, teal, yellow, orange, dark navy + muted foreground) that create visual noise:
Solution
#08519c→#9ecae1) — signals that all version segments are related (versions of the same package) and naturally reduces visual noise. Most-downloaded version gets the darkest blue (most prominent at bottom of stack).--chart-blue-1through--chart-blue-5,--chart-other) with separate light/dark valuesgetVersionColor()helperAdditional fixes
useMemonever caching —versionswas derived via.map()outsideuseMemobut listed as a dependency, creating a new array reference every render and defeating memoization entirelyOTHER_VERSIONconstant — reduces fragile string coupling with the backendPalette
#08519c(dark blue)#6baed6(light blue)#2171b5#4292c6#4292c6#2171b5#6baed6#08519c#9ecae1(light blue)#084594(dark blue)#d4d4d8(light gray)oklch(0.35 0 0)(dark gray)