refactor(design-tokens): align dark palette to chat lib (neutral grays)#333
Merged
Conversation
Sibling of #321 (light palette refresh). Aligns design-tokens dark palette to chat lib's neutral-dark aesthetic (rgb(17,17,17) canvas, rgb(28,28,28) surface, etc.) instead of the original brand-blue undertone shipped in #298. Embedded chat in cockpit dark mode now visually unifies with cockpit chrome. Reverses decision D from the original cockpit dark mode brainstorming in favor of design-system cohesion. Accent family stays unchanged (brand identity preserved). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Reverses #298's brand-blue undertone in dark mode in favor of cohesion with the @ngaf/chat lib's neutral-dark aesthetic. Embedded chat surfaces in cockpit dark mode now unify visually with cockpit chrome — no iframe color seam. Accent family unchanged (brand identity preserved).
Aligns --ds-canvas and --ds-text-primary expectations with the new neutral-dark palette.
Aligns the default-dark --ds-canvas expectation with the new neutral-dark palette.
Patch bump for dark palette alignment.
…tion Aligns the default-dark --ds-canvas expectation with the new neutral-dark palette.
Pre-existing test drift missed by #321 (light palette refresh — canvas changed to rgb(255, 255, 255)). Caught while updating the dark assertion in this PR.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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.
Summary
Sibling of #321 (which aligned the light palette). Refreshes `@ngaf/design-tokens` dark palette to absorb `@ngaf/chat` library's neutral-dark aesthetic. Cockpit dark mode flips from the original brand-blue undertone (`#0e1117` / `#161b25` / `#23293a`) to neutral dark (`rgb(17, 17, 17)` / `rgb(28, 28, 28)` / `rgb(45, 45, 45)`).
This reverses decision D from the original cockpit dark mode brainstorming (#298), where brand-blue undertone was preferred over neutral grays. The trade is design-system cohesion: embedded chat in cockpit dark mode now visually unifies with cockpit chrome (no more color seam at the iframe boundary).
Accent family (`accent`, `accentLight`, `accentHover`, glow/border/surface variants) stays unchanged — brand identity preserved.
Prerequisite for Stage 2 of examples theme sync (separate PR next).
Test plan
Notes
🤖 Generated with Claude Code