feat: re-tone color palette toward violet#6206
Closed
tsahimatsliah wants to merge 6 commits into
Closed
Conversation
Shift the raw color ramps toward a true-violet vibe (brand cabbage ~#9333ea), with subtly violet-tinted neutrals and slightly tinted status colors. Token names, shade levels, semantic mappings and all opacity percentages are unchanged — only the underlying hues move. Adds a Tokens/Palette Re-tone (Purple) Storybook page comparing old vs new ramps, resolved semantic tokens (dark + light) and live components across product surfaces. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Salt keeps its distinctive cool silver-blue character (hue ~228, the A↔B midpoint) instead of reading as plain off-white; pepper shifts to a periwinkle slate (hue ~250) so the darks feel intentional rather than muddy. Lightness ramps and all opacity percentages unchanged. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…ces) Brand (cabbage) now follows the docs Tailwind purple ramp (#9333EA); dark neutrals (pepper) are near-black and essentially neutral (#0F0F12 base, #17171C subtle) for strong sidebar/content contrast; light neutrals (salt) carry a faint lavender tint. Adds a Guidelines story documenting the docs-aligned system. Token names, levels and opacity percentages unchanged. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…r-black grays) Shift cabbage so the dark-mode default (.40) lands exactly on the docs brand #9333EA instead of the lighter #A855F7; space pepper for a stronger bg(#0F0F12) -> card(#1F1F25) -> border(#2A2A30) contrast; make salt near-neutral (docs-style gray with only a whisper of lavender) so muted text reads like docs #d4d4d8 rather than washed purple. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…page) Pull pepper.70 to the docs raised gray #17171C (was #1F1F25) so feed cards match the docs, and switch the sidebar shell from background-default to background-subtle so the sidebar is #17171C too — one subtle step over the #0F0F12 page canvas, like docs. Active rail items stay background-default (#0F0F12) as a darker recess. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…ked) Regenerate every family as a perceptually-uniform OKLCH ramp: lightness eases per-hue (light end -> dark end), chroma peaks mid-ramp, out-of-gamut colors are chroma-fit. Near-black neutrals with a whisper of violet chroma (page #0E0E14, surfaces #19191F), a saturated violet brand whose dark solid button (#913BE0) clears WCAG AA on white text (5.4:1), and status hues kept distinct. Token names, levels and opacity percentages unchanged. Based on Radix scale roles, Carbon elevation, and WCAG/APCA contrast guidance. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Member
Author
|
Closing for now — palette direction isn't landing. Branch kept if we revisit. |
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
1 participant
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.
What
Re-tones the entire daily.dev palette toward a true-violet vibe (inspired by the docs.daily.dev look, brand anchor ~`#9333ea`). The token system is untouched — all names, shade levels, semantic mappings, and opacity percentages stay identical; only the underlying hues of the raw ramps move, so everything cascades automatically through `--theme-*` in `base.css`.
Hue moves: cabbage (brand/share) −15° → true violet · water (links) +14° → indigo-blue · bacon (Plus) −12° · status families nudged ±2–6° with slightly less saturation (red/green/orange stay readable, cheese-yellow kept exactly) · pepper/salt neutrals get a subtle violet tint with their lightness ramp preserved.
Review
New Storybook page Tokens → Palette Re-tone (Purple):
Compare against the old palette via the Storybook/Vercel preview links once CI posts them.
Files
🤖 Generated with Claude Code
Preview domain
https://claude-wonderful-neumann-320cd4.preview.app.daily.dev