Skip to content

Commit 199dfb9

Browse files
georgewrmarshallgeorgewrmarshall
committed
chore: updating all js tokens to blurple
1 parent 823618b commit 199dfb9

File tree

3 files changed

+50
-51
lines changed

3 files changed

+50
-51
lines changed

‎packages/design-tokens/src/js/brandColor/brandColor.ts‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -28,27 +28,27 @@ export const brandColor: BrandColor = {
2828
// Grey
2929
grey025: '#f7f9fc',
3030
// Blue
31-
blue100: '#a7d9fe',
31+
blue100: '#d6dbff',
3232
// Blue
33-
blue200: '#75c4fd',
33+
blue200: '#adb6fe',
3434
// Blue
35-
blue300: '#43aefc',
35+
blue300: '#8b99ff',
3636
// Blue
37-
blue400: '#1098fc',
37+
blue400: '#6f7eff',
3838
// Blue
39-
blue500: '#0376c9',
39+
blue500: '#4459ff',
4040
// Blue
41-
blue600: '#0260a4',
41+
blue600: '#2c3dc5',
4242
// Blue
43-
blue700: '#024272',
43+
blue700: '#1c277f',
4444
// Blue
45-
blue800: '#01253f',
45+
blue800: '#131b59',
4646
// Blue
47-
blue900: '#00080d',
47+
blue900: '#0b0f32',
4848
// Blue
49-
blue050: '#eaf6ff',
49+
blue050: '#f4f5ff',
5050
// Blue
51-
blue025: '#eaf6ff',
51+
blue025: '#f8f9ff',
5252
// Green
5353
green100: '#c1e6c9',
5454
// Green

‎packages/design-tokens/src/js/themes/darkTheme/colors.ts‎

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -57,23 +57,22 @@ export const colors: ThemeColors = {
5757
inverse: brandColor.grey000,
5858
},
5959
primary: {
60-
/** For primary semantic elements: interactive, active, selected (#43AEFC) */
60+
/** For primary semantic elements: interactive, active, selected (#8b99ff) */
6161
default: brandColor.blue300,
62-
/** Stronger color for primary semantic elements (#ADB6FE) */
62+
/** Stronger color for primary semantic elements (#adb6fe) */
6363
alternative: brandColor.blue200,
64-
/** Muted color for primary semantic elements (#43AEFC26) */
65-
muted: '#43aefc26',
66-
/** For elements placed on top of primary/default fill (#121314) */
64+
/** Muted color for primary semantic elements (#8b99ff26) */
65+
muted: '#8b99ff26',
66+
/** For elements placed on top of primary/default (#121314) */
6767
inverse: brandColor.grey900,
68-
/** Hover state surface for primary/default (#59b8fc) */
69-
defaultHover: '#59b8fc',
70-
/** Pressed state surface for primary/default (#82c9fd) */
71-
defaultPressed: '#82c9fd',
72-
73-
/** Hover state surface for primary/muted (#43AEFC33) */
74-
mutedHover: '#43aefc33',
75-
/** Pressed state surface for primary/muted (#43AEFC40) */
76-
mutedPressed: '#43aefc40',
68+
/** Hover state surface for primary/default (#a8b2ff) */
69+
defaultHover: '#a8b2ff',
70+
/** Pressed state surface for primary/default (#c7ceff) */
71+
defaultPressed: '#c7ceff',
72+
/** Hover state surface for primary/muted (#8b99ff33) */
73+
mutedHover: '#8b99ff33',
74+
/** Pressed state surface for primary/muted (#8b99ff40) */
75+
mutedPressed: '#8b99ff40',
7776
},
7877
error: {
7978
/** For danger semantic elements: error, critical, destructive (#FF7584) */
@@ -130,11 +129,11 @@ export const colors: ThemeColors = {
130129
mutedPressed: '#4cb56440',
131130
},
132131
info: {
133-
/** For informational read-only elements: info, reminder, hint (#43AEFC) */
132+
/** For informational read-only elements: info, reminder, hint (#8b99ff) */
134133
default: brandColor.blue300,
135-
/** Muted color for informational semantic (#43AEFC26) */
136-
muted: '#43aefc26',
137-
/** For elements placed on top of info/default fill (#121314) */
134+
/** Muted color for informational semantic (#8b99ff26) */
135+
muted: '#8b99ff26',
136+
/** For elements placed on top of info/default (#121314) */
138137
inverse: brandColor.grey900,
139138
},
140139
flask: {
@@ -146,9 +145,9 @@ export const colors: ThemeColors = {
146145
shadow: {
147146
/** For neutral drop shadow color (#00000066) */
148147
default: '#00000066',
149-
/** For primary drop shadow color (#43AEFC33) */
150-
primary: '#43aefc33',
151-
/** For critical/danger drop shadow color (#FF758433) */
148+
/** For primary drop shadow color (#8b99ff33) */
149+
primary: '#8b99ff33',
150+
/** For critical/danger drop shadow color (#ff758433) */
152151
error: '#ff758433',
153152
},
154153
};

‎packages/design-tokens/src/js/themes/lightTheme/colors.ts‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ export const colors: ThemeColors = {
1717
alternativeHover: '#f6f6f7',
1818
/** Pressed state surface for background/alternative (#ebecef) */
1919
alternativePressed: '#ebecef',
20-
/** Hover state surface for background/muted (#f6f6f7) */
21-
mutedHover: '#f6f6f7',
20+
/** Hover state surface for background/muted (#e7ebee) */
21+
mutedHover: '#e7ebee',
2222
/** Pressed state surface for background/muted (#ebecef) */
2323
mutedPressed: '#ebecef',
2424
/** General purpose hover state tint (#858b9a14) */
@@ -57,22 +57,22 @@ export const colors: ThemeColors = {
5757
inverse: brandColor.grey000,
5858
},
5959
primary: {
60-
/** For primary semantic elements: interactive, active, selected (#0376C9) */
60+
/** For primary semantic elements: interactive, active, selected... (#4459ff) */
6161
default: brandColor.blue500,
62-
/** Stronger color for primary semantic elements (#2C3DC5) */
62+
/** Stronger color for primary semantic elements (#6f7eff) */
6363
alternative: brandColor.blue600,
64-
/** Muted color for primary semantic elements (#0376C91A) */
65-
muted: '#0376c91a',
64+
/** Muted color for primary semantic elements (#4459ff1a) */
65+
muted: '#4459ff1a',
6666
/** For elements placed on top of primary/default fill (#FFFFFF) */
6767
inverse: brandColor.grey000,
68-
/** Hover state surface for primary/default (#036ab5) */
69-
defaultHover: '#036ab5',
70-
/** Pressed state surface for primary/default (#02538d) */
71-
defaultPressed: '#02538d',
72-
/** Hover state surface for primary/muted (#0376C926) */
73-
mutedHover: '#0376c926',
74-
/** Pressed state surface for primary/muted (#0376C933) */
75-
mutedPressed: '#0376c933',
68+
/** Hover state surface for primary/default (#243cff) */
69+
defaultHover: '#243cff',
70+
/** Pressed state surface for primary/default (#0521ff) */
71+
defaultPressed: '#0521ff',
72+
/** Hover state surface for primary/muted (#4459ff26) */
73+
mutedHover: '#4459ff26',
74+
/** Pressed state surface for primary/muted (#4459ff33) */
75+
mutedPressed: '#4459ff33',
7676
},
7777
error: {
7878
/** For danger semantic elements: error, critical, destructive (#CA3542) */
@@ -125,10 +125,10 @@ export const colors: ThemeColors = {
125125
mutedPressed: '#1c7e3333',
126126
},
127127
info: {
128-
/** For informational read-only elements: info, reminder, hint (#0376C9) */
128+
/** For informational read-only elements: info, reminder, hint (#4459ff) */
129129
default: brandColor.blue500,
130-
/** Muted color for informational semantic (#0376C91A) */
131-
muted: '#0376c91a',
130+
/** Muted color for informational semantic (#4459ff1a) */
131+
muted: '#4459ff1a',
132132
/** For elements placed on top of info/default fill (#FFFFFF) */
133133
inverse: brandColor.grey000,
134134
},
@@ -141,8 +141,8 @@ export const colors: ThemeColors = {
141141
shadow: {
142142
/** For neutral drop shadow color (#0000001A) */
143143
default: '#0000001a',
144-
/** For primary drop shadow color (#0376C933) */
145-
primary: '#0376c933',
144+
/** For primary drop shadow color (#4459ff33) */
145+
primary: '#4459ff33',
146146
/** For critical/danger drop shadow color (#CA354266) */
147147
error: '#ca354266',
148148
},

0 commit comments

Comments
 (0)