fix(design-tokens): update colors design tokens

snowball-tech · Jul 20, 2023 · 2152a3e · 2152a3e
1 parent 3fc23bd
commit 2152a3e
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 3 deletions.
diff --git a/packages/design-tokens/tokens/button.js b/packages/design-tokens/tokens/button.js
@@ -45,7 +45,7 @@ module.exports = {
  disabled: {
  comment: 'Border for disabled primary buttons.',
 
- value: '{shadow.button.primary.base.value}',
+ value: '{border.button.primary.base.value}',
  },
  },
 

diff --git a/packages/design-tokens/tokens/color/background.js b/packages/design-tokens/tokens/color/background.js
@@ -2,7 +2,14 @@ module.exports = {
  color: {
  background: {
  body: {
- light: { comment: 'Yellowish White Tone 90', value: '#FFFBF4' },
+ dark: {
+ comment: 'Black',
+ value: '{color.brand.body.dark}',
+ },
+ light: {
+ comment: 'Yellowish White Tone 90',
+ value: '{color.brand.body.light}',
+ },
  },
 
  disabled: {

diff --git a/packages/design-tokens/tokens/color/brand.js b/packages/design-tokens/tokens/color/brand.js
@@ -3,8 +3,14 @@ module.exports = {
  brand: {
  comment: "Main Snowball's brand colors.",
 
+ // eslint-disable-next-line sort-keys, sort-keys/sort-keys-fix, perfectionist/sort-objects
+ body: {
+ dark: { comment: 'Black', value: '{color.base.black}' },
+ light: { comment: 'Yellowish White Tone 90', value: '#FFFBF4' },
+ },
+
  primary: { comment: 'Tone 50', value: '#FF8ACD' },
- secondary: { comment: 'Tone 0', value: '#000000' },
+ secondary: { comment: 'Tone 0', value: '{color.base.black}' },
 
  separator: {
  comment: 'Used for line separators',

diff --git a/packages/design-tokens/tokens/color/stroke.js b/packages/design-tokens/tokens/color/stroke.js
@@ -0,0 +1,13 @@
+module.exports = {
+ color: {
+ stroke: {
+ comment: 'Colors for various strokes.',
+
+ separator: {
+ comment: 'Used for separators',
+
+ value: '{color.base.grey.70.value}',
+ },
+ },
+ },
+}