@volue/design-colors 3.0.0-next.7 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,20 +29,20 @@ module.exports = {
29
29
  "blue30": "#bff3ff",
30
30
  "blue40": "#9aecff",
31
31
  "blue60": "#00cceb",
32
- "blue70": "#00b4d1",
33
- "blue80": "#0096af",
34
- "blue90": "#007a92",
35
- "blue100": "#005e72",
32
+ "blue70": "#00a7c2",
33
+ "blue80": "#008299",
34
+ "blue90": "#006c80",
35
+ "blue100": "#005766",
36
36
  "green5": "#eeffef",
37
37
  "green10": "#dbffdf",
38
38
  "green20": "#c6ffcd",
39
39
  "green30": "#b0ffbb",
40
40
  "green40": "#7dfd95",
41
41
  "green60": "#31d962",
42
- "green70": "#1fc052",
43
- "green80": "#22a047",
44
- "green90": "#1b8238",
45
- "green100": "#006626",
42
+ "green70": "#1eb84f",
43
+ "green80": "#1d873c",
44
+ "green90": "#187233",
45
+ "green100": "#125426",
46
46
  "orange5": "#fff9ed",
47
47
  "orange10": "#fff2da",
48
48
  "orange20": "#ffecc8",
@@ -69,86 +69,69 @@ module.exports = {
69
69
  "red40": "#ecc7c9",
70
70
  "red60": "#e6a1a5",
71
71
  "red80": "#eb7072",
72
- "red100": "#c6434b",
72
+ "red100": "#bb3a42",
73
73
  "orange20": "#faebdc",
74
74
  "orange40": "#f5caa3",
75
75
  "orange60": "#eda35e",
76
76
  "orange80": "#e57b1a",
77
- "orange100": "#b35d0a",
77
+ "orange100": "#a4540a",
78
78
  "brown20": "#f4edde",
79
79
  "brown40": "#e8cf96",
80
80
  "brown60": "#d8b155",
81
81
  "brown80": "#b89749",
82
- "brown100": "#8e7333",
82
+ "brown100": "#7f672e",
83
83
  "pear20": "#fcfcdb",
84
84
  "pear40": "#e8e54c",
85
85
  "pear60": "#cbc920",
86
86
  "pear80": "#afad07",
87
- "pear100": "#888705",
87
+ "pear100": "#767605",
88
88
  "lime20": "#f1fcdc",
89
89
  "lime40": "#cbed7a",
90
90
  "lime60": "#a7d441",
91
91
  "lime80": "#84ba12",
92
- "lime100": "#66910e",
92
+ "lime100": "#587d0c",
93
93
  "green20": "#dff5e1",
94
94
  "green40": "#ade2b0",
95
95
  "green60": "#76ce7a",
96
96
  "green80": "#3fb845",
97
- "green100": "#318d36",
97
+ "green100": "#2a792e",
98
98
  "teal20": "#dcf4ef",
99
99
  "teal40": "#a7dfd6",
100
100
  "teal60": "#6fc9ba",
101
101
  "teal80": "#3ab19e",
102
- "teal100": "#2a8879",
102
+ "teal100": "#25796b",
103
103
  "aqua20": "#e3f1f6",
104
104
  "aqua40": "#b1dae4",
105
105
  "aqua60": "#7ac4d3",
106
106
  "aqua80": "#42abc2",
107
- "aqua100": "#2e8495",
107
+ "aqua100": "#297585",
108
108
  "blue20": "#e6eff7",
109
109
  "blue40": "#bfd5e9",
110
110
  "blue60": "#93bbdf",
111
111
  "blue80": "#60a1df",
112
- "blue100": "#3b7bb7",
112
+ "blue100": "#346da2",
113
113
  "lazuli20": "#ecedf9",
114
114
  "lazuli40": "#cccfee",
115
115
  "lazuli60": "#aab2e9",
116
116
  "lazuli80": "#7f94f2",
117
- "lazuli100": "#5768df",
117
+ "lazuli100": "#4b5cdd",
118
118
  "purple20": "#f4eaf8",
119
119
  "purple40": "#e2c6ec",
120
120
  "purple60": "#d2a1e3",
121
121
  "purple80": "#c574e4",
122
- "purple100": "#a345c5",
122
+ "purple100": "#9e3dc2",
123
123
  "pink20": "#f8e9f2",
124
124
  "pink40": "#ebc5de",
125
125
  "pink60": "#e29dc9",
126
126
  "pink80": "#e26ab5",
127
- "pink100": "#bc3d91"
127
+ "pink100": "#b53b8c"
128
128
  },
129
129
  "background": {
130
- "canvas": {
131
- "default": "#ffffff",
132
- "subtle": "#f9fafb"
133
- },
134
- "surface": {
135
- "default": "#ffffff",
136
- "subtle": "#f3f5f6",
137
- "contrast": "#082d35"
138
- },
139
130
  "neutral": {
140
131
  "minimal": "#ffffff",
141
- "subtle": {
142
- "default": "#f9fafb",
143
- "hover": "#f3f5f6",
144
- "active": "#e6ebec"
145
- },
146
- "moderate": {
147
- "default": "#f3f5f6",
148
- "hover": "#e6ebec"
149
- },
132
+ "subtle": "#f9fafb",
133
+ "moderate": "#f3f5f6",
150
134
  "default": "#e6ebec",
151
- "hover": "#c2cdd0",
152
135
  "bold": "#53747b",
153
136
  "strong": "#223f44",
154
137
  "contrast": "#082d35"
@@ -166,10 +149,16 @@ module.exports = {
166
149
  },
167
150
  "default": "#e8f1f3",
168
151
  "hover": "#c4dbe0",
169
- "bold": "#5b9ba9",
152
+ "active": "#a8cbd3",
153
+ "bold": {
154
+ "default": "#5b9ba9",
155
+ "hover": "#388597",
156
+ "active": "#157084"
157
+ },
170
158
  "strong": {
171
159
  "default": "#157084",
172
- "hover": "#11596a"
160
+ "hover": "#11596a",
161
+ "active": "#0c4957"
173
162
  }
174
163
  },
175
164
  "danger": {
@@ -180,10 +169,16 @@ module.exports = {
180
169
  },
181
170
  "default": "#ffeff0",
182
171
  "hover": "#ffdbde",
183
- "bold": "#ff3b3d",
172
+ "active": "#ffbfc1",
173
+ "bold": {
174
+ "default": "#ff3b3d",
175
+ "hover": "#df001f",
176
+ "active": "#b20016"
177
+ },
184
178
  "strong": {
185
179
  "default": "#df001f",
186
- "hover": "#b20016"
180
+ "hover": "#b20016",
181
+ "active": "#9d0012"
187
182
  }
188
183
  },
189
184
  "warning": {
@@ -194,10 +189,16 @@ module.exports = {
194
189
  },
195
190
  "default": "#fff2da",
196
191
  "hover": "#ffecc8",
197
- "bold": "#ffb900",
192
+ "active": "#ffdd99",
193
+ "bold": {
194
+ "default": "#ffb900",
195
+ "hover": "#dc9f00",
196
+ "active": "#b17600"
197
+ },
198
198
  "strong": {
199
199
  "default": "#dc9f00",
200
- "hover": "#b17600"
200
+ "hover": "#b17600",
201
+ "active": "#805400"
201
202
  }
202
203
  },
203
204
  "success": {
@@ -208,10 +209,16 @@ module.exports = {
208
209
  },
209
210
  "default": "#dbffdf",
210
211
  "hover": "#c6ffcd",
211
- "bold": "#22a047",
212
+ "active": "#b0ffbb",
213
+ "bold": {
214
+ "default": "#1eb84f",
215
+ "hover": "#1d873c",
216
+ "active": "#187233"
217
+ },
212
218
  "strong": {
213
- "default": "#1b8238",
214
- "hover": "#006626"
219
+ "default": "#1d873c",
220
+ "hover": "#187233",
221
+ "active": "#125426"
215
222
  }
216
223
  },
217
224
  "info": {
@@ -222,21 +229,24 @@ module.exports = {
222
229
  },
223
230
  "default": "#e1f9ff",
224
231
  "hover": "#d0f6ff",
225
- "bold": "#0096af",
232
+ "active": "#bff3ff",
233
+ "bold": {
234
+ "default": "#00a7c2",
235
+ "hover": "#008299",
236
+ "active": "#006c80"
237
+ },
226
238
  "strong": {
227
- "default": "#007a92",
228
- "hover": "#005e72"
239
+ "default": "#008299",
240
+ "hover": "#006c80",
241
+ "active": "#005766"
229
242
  }
230
243
  },
231
244
  "disabled": {
232
245
  "default": "#e6ebec",
233
246
  "subtle": "#f3f5f6"
234
- },
235
- "inverse": "rgba(255, 255, 255, 0.113)"
247
+ }
236
248
  },
237
249
  "foreground": {
238
- "body": "#082d35",
239
- "link": "#157084",
240
250
  "neutral": {
241
251
  "default": "#082d35",
242
252
  "moderate": "#223f44",
@@ -260,14 +270,14 @@ module.exports = {
260
270
  "inverse": "#082d35"
261
271
  },
262
272
  "success": {
263
- "default": "#006626",
264
- "moderate": "#1b8238",
265
- "subtle": "#1fc052"
273
+ "default": "#125426",
274
+ "moderate": "#187233",
275
+ "subtle": "#1eb84f"
266
276
  },
267
277
  "info": {
268
- "default": "#005e72",
269
- "moderate": "#007a92",
270
- "subtle": "#00b4d1"
278
+ "default": "#005766",
279
+ "moderate": "#006c80",
280
+ "subtle": "#00a7c2"
271
281
  },
272
282
  "disabled": {
273
283
  "default": "#9dafb3",
@@ -287,6 +297,7 @@ module.exports = {
287
297
  "moderate": "#c4dbe0",
288
298
  "default": "#a8cbd3",
289
299
  "hover": "#7eb0bc",
300
+ "active": "#5b9ba9",
290
301
  "bold": "#388597",
291
302
  "strong": "#11596a"
292
303
  },
@@ -302,25 +313,24 @@ module.exports = {
302
313
  },
303
314
  "success": {
304
315
  "default": "#7dfd95",
305
- "bold": "#1b8238",
306
- "strong": "#006626"
316
+ "bold": "#1d873c",
317
+ "strong": "#187233"
307
318
  },
308
319
  "info": {
309
320
  "default": "#9aecff",
310
- "bold": "#007a92",
311
- "strong": "#005e72"
321
+ "bold": "#008299",
322
+ "strong": "#006c80"
312
323
  },
313
324
  "disabled": {
314
325
  "default": "#e6ebec",
315
326
  "subtle": "#f3f5f6"
316
327
  },
317
- "focus": "#388597",
318
328
  "inverse": "rgba(255, 255, 255, 0.85)"
319
329
  },
320
330
  "rgb": {
321
331
  "background": {
322
- "surface": "255, 255, 255",
323
332
  "neutral": {
333
+ "minimal": "255, 255, 255",
324
334
  "default": "230, 235, 236",
325
335
  "bold": "83, 116, 123",
326
336
  "strong": "34, 63, 68"
@@ -342,76 +352,76 @@ module.exports = {
342
352
  },
343
353
  "success": {
344
354
  "default": "219, 255, 223",
345
- "bold": "34, 160, 71",
346
- "strong": "27, 130, 56"
355
+ "bold": "30, 184, 79",
356
+ "strong": "29, 135, 60"
347
357
  },
348
358
  "info": {
349
359
  "default": "225, 249, 255",
350
- "bold": "0, 150, 175",
351
- "strong": "0, 122, 146"
360
+ "bold": "0, 167, 194",
361
+ "strong": "0, 130, 153"
352
362
  }
353
363
  },
354
364
  "data": {
355
- "red20": "247, 230, 232",
356
- "red40": "236, 199, 201",
357
- "red60": "230, 161, 165",
358
- "red80": "235, 112, 114",
359
- "red100": "198, 67, 75",
360
- "orange20": "250, 235, 220",
361
- "orange40": "245, 202, 163",
362
- "orange60": "237, 163, 94",
363
- "orange80": "229, 123, 26",
364
- "orange100": "179, 93, 10",
365
- "brown20": "244, 237, 222",
366
- "brown40": "232, 207, 150",
367
- "brown60": "216, 177, 85",
368
- "brown80": "184, 151, 73",
369
- "brown100": "142, 115, 51",
370
- "pear20": "252, 252, 219",
371
- "pear40": "232, 229, 76",
372
- "pear60": "203, 201, 32",
373
- "pear80": "175, 173, 7",
374
- "pear100": "136, 135, 5",
375
- "lime20": "241, 252, 220",
376
- "lime40": "203, 237, 122",
377
- "lime60": "167, 212, 65",
378
- "lime80": "132, 186, 18",
379
- "lime100": "102, 145, 14",
380
- "green20": "223, 245, 225",
381
- "green40": "173, 226, 176",
382
- "green60": "118, 206, 122",
383
- "green80": "63, 184, 69",
384
- "green100": "49, 141, 54",
385
365
  "teal20": "220, 244, 239",
386
366
  "teal40": "167, 223, 214",
387
367
  "teal60": "111, 201, 186",
388
368
  "teal80": "58, 177, 158",
389
- "teal100": "42, 136, 121",
369
+ "teal100": "37, 121, 107",
370
+ "purple20": "244, 234, 248",
371
+ "purple40": "226, 198, 236",
372
+ "purple60": "210, 161, 227",
373
+ "purple80": "197, 116, 228",
374
+ "purple100": "158, 61, 194",
375
+ "pink20": "248, 233, 242",
376
+ "pink40": "235, 197, 222",
377
+ "pink60": "226, 157, 201",
378
+ "pink80": "226, 106, 181",
379
+ "pink100": "181, 59, 140",
390
380
  "aqua20": "227, 241, 246",
391
381
  "aqua40": "177, 218, 228",
392
382
  "aqua60": "122, 196, 211",
393
383
  "aqua80": "66, 171, 194",
394
- "aqua100": "46, 132, 149",
384
+ "aqua100": "41, 117, 133",
395
385
  "blue20": "230, 239, 247",
396
386
  "blue40": "191, 213, 233",
397
387
  "blue60": "147, 187, 223",
398
388
  "blue80": "96, 161, 223",
399
- "blue100": "59, 123, 183",
389
+ "blue100": "52, 109, 162",
400
390
  "lazuli20": "236, 237, 249",
401
391
  "lazuli40": "204, 207, 238",
402
392
  "lazuli60": "170, 178, 233",
403
393
  "lazuli80": "127, 148, 242",
404
- "lazuli100": "87, 104, 223",
405
- "purple20": "244, 234, 248",
406
- "purple40": "226, 198, 236",
407
- "purple60": "210, 161, 227",
408
- "purple80": "197, 116, 228",
409
- "purple100": "163, 69, 197",
410
- "pink20": "248, 233, 242",
411
- "pink40": "235, 197, 222",
412
- "pink60": "226, 157, 201",
413
- "pink80": "226, 106, 181",
414
- "pink100": "188, 61, 145"
394
+ "lazuli100": "75, 92, 221",
395
+ "green20": "223, 245, 225",
396
+ "green40": "173, 226, 176",
397
+ "green60": "118, 206, 122",
398
+ "green80": "63, 184, 69",
399
+ "green100": "42, 121, 46",
400
+ "lime20": "241, 252, 220",
401
+ "lime40": "203, 237, 122",
402
+ "lime60": "167, 212, 65",
403
+ "lime80": "132, 186, 18",
404
+ "lime100": "88, 125, 12",
405
+ "orange20": "250, 235, 220",
406
+ "orange40": "245, 202, 163",
407
+ "orange60": "237, 163, 94",
408
+ "orange80": "229, 123, 26",
409
+ "orange100": "164, 84, 10",
410
+ "pear20": "252, 252, 219",
411
+ "pear40": "232, 229, 76",
412
+ "pear60": "203, 201, 32",
413
+ "pear80": "175, 173, 7",
414
+ "pear100": "118, 118, 5",
415
+ "brown20": "244, 237, 222",
416
+ "brown40": "232, 207, 150",
417
+ "brown60": "216, 177, 85",
418
+ "brown80": "184, 151, 73",
419
+ "brown100": "127, 103, 46",
420
+ "red20": "247, 230, 232",
421
+ "red40": "236, 199, 201",
422
+ "red60": "230, 161, 165",
423
+ "red80": "235, 112, 114",
424
+ "red100": "187, 58, 66"
415
425
  }
416
426
  }
417
427
  };