diff --git a/packages/themes/src/g10.js b/packages/themes/src/g10.js index 40a987bb9836..e9c44ad2f623 100644 --- a/packages/themes/src/g10.js +++ b/packages/themes/src/g10.js @@ -17,6 +17,7 @@ import { gray10, gray20, gray30, + gray40, gray50, gray60, gray70, @@ -44,6 +45,7 @@ export const interactive01 = blue60; export const interactive02 = gray80; export const interactive03 = blue60; export const interactive04 = blue60; +export const danger = red60; export const uiBackground = gray10; @@ -54,9 +56,10 @@ export const ui04 = gray50; export const ui05 = gray100; export const text01 = gray100; -export const text02 = gray70; -export const text03 = gray50; +export const text02 = gray80; +export const text03 = gray40; export const text04 = white; +export const text05 = gray60; export const icon01 = gray100; export const icon02 = gray70; diff --git a/packages/themes/src/g100.js b/packages/themes/src/g100.js index 3af60ec2e0fb..4285ed61b09f 100644 --- a/packages/themes/src/g100.js +++ b/packages/themes/src/g100.js @@ -16,6 +16,7 @@ import { // Gray gray10, gray30, + gray50, gray60, gray70, gray80, @@ -42,6 +43,7 @@ export const interactive01 = blue60; export const interactive02 = gray60; export const interactive03 = white; export const interactive04 = blue50; +export const danger = red60; export const uiBackground = gray100; @@ -55,6 +57,7 @@ export const text01 = gray10; export const text02 = gray30; export const text03 = gray60; export const text04 = white; +export const text05 = gray50; export const icon01 = gray10; export const icon02 = gray30; diff --git a/packages/themes/src/g90.js b/packages/themes/src/g90.js index 0c0ef223c0c8..67ace8313c1a 100644 --- a/packages/themes/src/g90.js +++ b/packages/themes/src/g90.js @@ -44,6 +44,7 @@ export const interactive01 = blue60; export const interactive02 = gray60; export const interactive03 = white; export const interactive04 = blue50; +export const danger = red60; export const uiBackground = gray90; @@ -55,8 +56,9 @@ export const ui05 = gray10; export const text01 = gray10; export const text02 = gray30; -export const text03 = gray50; +export const text03 = gray60; export const text04 = white; +export const text05 = gray50; export const icon01 = gray10; export const icon02 = gray30; diff --git a/packages/themes/src/tokens.js b/packages/themes/src/tokens.js index d82c1b8a9dbc..079ad7907e1b 100644 --- a/packages/themes/src/tokens.js +++ b/packages/themes/src/tokens.js @@ -13,6 +13,7 @@ const colors = [ 'interactive02', 'interactive03', 'interactive04', + 'danger', 'uiBackground', @@ -26,6 +27,7 @@ const colors = [ 'text02', 'text03', 'text04', + 'text05', 'icon01', 'icon02', @@ -152,6 +154,7 @@ export const unstable__meta = { 'interactive02', 'interactive03', 'interactive04', + 'danger', 'brand01', 'brand02', 'brand03', @@ -164,6 +167,7 @@ export const unstable__meta = { 'text02', 'text03', 'text04', + 'text05', 'link01', 'icon01', 'icon02', diff --git a/packages/themes/src/v9.js b/packages/themes/src/v9.js index d1300aac5077..32874b9d6eeb 100644 --- a/packages/themes/src/v9.js +++ b/packages/themes/src/v9.js @@ -11,7 +11,7 @@ export const interactive01 = '#3d70b2'; export const interactive02 = '#5a6872'; export const interactive03 = '#5a6872'; export const interactive04 = '#3d70b2'; - +export const danger = '#e0182d'; export const uiBackground = '#f4f7fb'; export const ui01 = white; @@ -24,6 +24,7 @@ export const text01 = '#152935'; export const text02 = '#5a6872'; export const text03 = '#cdd1d4'; export const text04 = white; +export const text05 = '#5a6872'; export const icon01 = '#3d70b2'; export const icon02 = '#5a6872'; diff --git a/packages/themes/src/white.js b/packages/themes/src/white.js index 2a991bb32fd5..a63c376039ca 100644 --- a/packages/themes/src/white.js +++ b/packages/themes/src/white.js @@ -17,6 +17,7 @@ import { gray10, gray20, gray30, + gray40, gray50, gray60, gray70, @@ -44,6 +45,7 @@ export const interactive01 = blue60; export const interactive02 = gray80; export const interactive03 = blue60; export const interactive04 = blue60; +export const danger = red60; export const uiBackground = white; @@ -54,9 +56,10 @@ export const ui04 = gray50; export const ui05 = gray100; export const text01 = gray100; -export const text02 = gray70; -export const text03 = gray50; +export const text02 = gray80; +export const text03 = gray40; export const text04 = white; +export const text05 = gray60; export const icon01 = gray100; export const icon02 = gray70;