Repository navigation
Primary colour is blue-600, primary-* as CSS variables, Tailwind preset (2.7.0) - #133
Merged
Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
DerekAgility
force-pushed
the
dlo/prod-2966-colour-tokens
branch
from
October 28, 2026 13:34
6969ac5 to
b307a61
Compare
…et (2.7.0) Components use the primary-* scale instead of raw purple-* and violet-* classes, and primary-* is now the blue scale (primary-600 = #1A56DB), defined as CSS variables. Focus is primary-600 everywhere; TextArea focuses with a single border like the other inputs. Badge color="secondary" stays violet. - tailwind.preset.js holds the theme and is exported for consumers. - blue-300 was "#8FB2" (a near-transparent green); it is now #8FB2FB. PROD-2966, PROD-2967 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
DerekAgility
force-pushed
the
dlo/prod-2966-colour-tokens
branch
from
October 28, 2026 13:43
b307a61 to
69b6d42
Compare
DerekAgility
changed the title
5PK
approved these changes
Oct 28, 2026
This branch was successfully deployed
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.
PROD-2966, PROD-2967
What changes
#1A56DB). Components use theprimary-*scale instead of rawpurple-*/violet-*classes, andprimary-*is now the blue scale.Button,Capsule,ButtonDropdown):primary-600primary-700primary-800primary-300primary-50primary-400primary-700primary-100Checkbox,Radio,ToggleSwitch,ComboBoxoptions) and the loader areprimary-600.primary-600everywhere: rings, input borders and the default outline.TextAreanow focuses with a single border like the other inputs.Badgecolor="secondary"stays violet; it's a category colour.primary-*as CSS variables (--primary-50to--primary-950), so the next colour change is an edit to one file.primary-50was a grey andprimary-950didn't exist.tailwind.preset.js, exported as@agility/plenum-ui/tailwind.preset.blue-300was#8FB2, which renders as a nearly transparent green. It is now#8FB2FB.This is a visible change
Every consumer that upgrades gets blue. The Manager App pins Plenum exactly, so it stays on 2.6.x until its colour update is ready.
Tested
vitest: 112/112 pass.yarn buildsucceeds, anddist/tailwind.cssdefines--primary-*on:root.git grep -E '(purple|violet)-[0-9]' -- stories appreturns onlyBadge's secondary colours.🤖 Generated with Claude Code