Skip to content

Commit

Permalink
chore: Sync Tokens Studio config 🤖 (#137)
Browse files Browse the repository at this point in the history
Add new brand action tokens to better support theming customization of actions.

[category:Web Tokens]

Release Note:
We've added new `action` tokens to brand. While these tokens are available, limit their use and in most cases the default brand tokens should be used for theming.

- `brand.action.lightest`
- `brand.action.light`
- `brand.action.base`
- `brand.action.dark`
- `brand.action.darkest`
- `brand.action.accent`
  • Loading branch information
RayRedGoose authored Dec 18, 2024
1 parent 84bea86 commit 29b05e6
Showing 1 changed file with 32 additions and 0 deletions.
32 changes: 32 additions & 0 deletions packages/canvas-tokens/tokens/web/brand.json
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,38 @@
"type": "color"
}
},
"action": {
"lightest": {
"value": "{brand.primary.lightest}",
"type": "color",
"description": "Lightest action color"
},
"light": {
"value": "{brand.primary.light}",
"type": "color",
"description": "Light action color"
},
"base": {
"value": "{brand.primary.base}",
"type": "color",
"description": "Base action color"
},
"dark": {
"value": "{brand.primary.dark}",
"type": "color",
"description": "Dark action color"
},
"darkest": {
"value": "{brand.primary.darkest}",
"type": "color",
"description": "Darkest action color"
},
"accent": {
"value": "{brand.primary.accent}",
"type": "color",
"description": "Foreground color in actions"
}
},
"common": {
"focus-outline": {
"value": "{palette.blueberry.400}",
Expand Down

0 comments on commit 29b05e6

Please sign in to comment.