[Visuals][Colors] Creating new palette #7647
Draft
+624
−0
Conversation
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
Generate changelog in
|
SASS variables for CSS variablesBuild artifact links for this commit: documentation | landing | table | demoThis is an automated comment from the deploy-preview CircleCI job. |
Adding compiling for palette CSS + SCSSBuild artifact links for this commit: documentation | landing | table | demoThis is an automated comment from the deploy-preview CircleCI job. |
ggdouglas
reviewed
Nov 19, 2025
packages/colors/src/palette.ts
Outdated
| GREY_700: "#353b43", | ||
| GREY_800: "#1d232d", | ||
| GREY_900: "#080e17", | ||
| GREY_1000: "#000105", |
Contributor
There was a problem hiding this comment.
Since we're essentially starting from scratch here, could we consider a nested config?
export const grey = {
100: "#dfe0e2",
200: "#c2c6cb",
300: "#c0c2c5",
400: "#85898f",
500: "#696e75",
600: "#4e535b",
700: "#353b43",
800: "#1d232d",
900: "#080e17",
1000: "#000105",
} as const;
const palette = {
grey,
...
}
// palette.grey[500] => #696e75
mm-wang
force-pushed
the
margaretw/colors-palette
branch
from
18c9ead to
a42a398
Compare
Updating color namingBuild artifact links for this commit: documentation | landing | table | demoThis is an automated comment from the deploy-preview CircleCI job. |
mm-wang
force-pushed
the
margaretw/colors-palette
branch
from
07d7181 to
6030c60
Compare
Prettier formattingBuild artifact links for this commit: documentation | landing | table | demoThis is an automated comment from the deploy-preview CircleCI job. |
Updating colors to be more consistentBuild artifact links for this commit: documentation | landing | table | demoThis is an automated comment from the deploy-preview CircleCI job. |
Updating colorsBuild artifact links for this commit: documentation | landing | table | demoThis is an automated comment from the deploy-preview CircleCI job. |
Updating formattingBuild artifact links for this commit: documentation | landing | table | demoThis is an automated comment from the deploy-preview CircleCI job. |
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.
Checklist
Changes proposed in this pull request:
Adds new palette
Reviewers should focus on:
Screenshot