Skip to content

Commit e626743

Browse files
lukasoppermannlukasoppermann
committed
adding blue data gradient
1 parent eced153 commit e626743

File tree

1 file changed

+77
-41
lines changed

1 file changed

+77
-41
lines changed

‎src/tokens/functional/color/data-vis.json5

Lines changed: 77 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
scopes: ['bgColor', 'borderColor'],
1313
},
1414
'org.primer.overrides': {
15-
dark: '{base.display.color.blue.5}'
16-
}
15+
dark: '{base.display.color.blue.5}',
16+
},
1717
},
1818
},
1919
muted: {
@@ -26,11 +26,47 @@
2626
scopes: ['bgColor'],
2727
},
2828
'org.primer.overrides': {
29-
dark: '{base.display.color.blue.0}'
30-
}
29+
dark: '{base.display.color.blue.0}',
30+
},
31+
},
32+
},
33+
'gradient-stop-1': {
34+
$value: '{data.blue.color.muted}',
35+
$type: 'color',
36+
$extensions: {
37+
'org.primer.figma': {
38+
collection: 'mode',
39+
group: 'component',
40+
scopes: ['bgColor'],
41+
},
42+
},
43+
},
44+
'gradient-stop-2': {
45+
$value: '{data.blue.color.muted}',
46+
$type: 'color',
47+
alpha: 0,
48+
$extensions: {
49+
'org.primer.figma': {
50+
collection: 'mode',
51+
group: 'component',
52+
scopes: ['bgColor'],
53+
},
3154
},
3255
},
3356
},
57+
gradient: {
58+
$type: 'gradient',
59+
$value: [
60+
{
61+
color: '{data.blue.color.gradient-stop-1}',
62+
position: 0,
63+
},
64+
{
65+
color: '{data.blue.color.gradient-stop-2}',
66+
position: 1,
67+
},
68+
],
69+
},
3470
},
3571
auburn: {
3672
color: {
@@ -44,8 +80,8 @@
4480
scopes: ['bgColor', 'borderColor'],
4581
},
4682
'org.primer.overrides': {
47-
dark: '{base.display.color.auburn.5}'
48-
}
83+
dark: '{base.display.color.auburn.5}',
84+
},
4985
},
5086
},
5187
muted: {
@@ -58,8 +94,8 @@
5894
scopes: ['bgColor'],
5995
},
6096
'org.primer.overrides': {
61-
dark: '{base.display.color.auburn.0}'
62-
}
97+
dark: '{base.display.color.auburn.0}',
98+
},
6399
},
64100
},
65101
},
@@ -76,8 +112,8 @@
76112
scopes: ['bgColor', 'borderColor'],
77113
},
78114
'org.primer.overrides': {
79-
dark: '{base.display.color.orange.4}'
80-
}
115+
dark: '{base.display.color.orange.4}',
116+
},
81117
},
82118
},
83119
muted: {
@@ -90,8 +126,8 @@
90126
scopes: ['bgColor'],
91127
},
92128
'org.primer.overrides': {
93-
dark: '{base.display.color.orange.0}'
94-
}
129+
dark: '{base.display.color.orange.0}',
130+
},
95131
},
96132
},
97133
},
@@ -108,8 +144,8 @@
108144
scopes: ['bgColor', 'borderColor'],
109145
},
110146
'org.primer.overrides': {
111-
dark: '{base.display.color.yellow.4}'
112-
}
147+
dark: '{base.display.color.yellow.4}',
148+
},
113149
},
114150
},
115151
muted: {
@@ -122,8 +158,8 @@
122158
scopes: ['bgColor'],
123159
},
124160
'org.primer.overrides': {
125-
dark: '{base.display.color.yellow.0}'
126-
}
161+
dark: '{base.display.color.yellow.0}',
162+
},
127163
},
128164
},
129165
},
@@ -140,8 +176,8 @@
140176
scopes: ['bgColor', 'borderColor'],
141177
},
142178
'org.primer.overrides': {
143-
dark: '{base.display.color.green.4}'
144-
}
179+
dark: '{base.display.color.green.4}',
180+
},
145181
},
146182
},
147183
muted: {
@@ -154,8 +190,8 @@
154190
scopes: ['bgColor'],
155191
},
156192
'org.primer.overrides': {
157-
dark: '{base.display.color.green.0}'
158-
}
193+
dark: '{base.display.color.green.0}',
194+
},
159195
},
160196
},
161197
},
@@ -172,8 +208,8 @@
172208
scopes: ['bgColor', 'borderColor'],
173209
},
174210
'org.primer.overrides': {
175-
dark: '{base.display.color.teal.4}'
176-
}
211+
dark: '{base.display.color.teal.4}',
212+
},
177213
},
178214
},
179215
muted: {
@@ -186,8 +222,8 @@
186222
scopes: ['bgColor'],
187223
},
188224
'org.primer.overrides': {
189-
dark: '{base.display.color.teal.0}'
190-
}
225+
dark: '{base.display.color.teal.0}',
226+
},
191227
},
192228
},
193229
},
@@ -204,8 +240,8 @@
204240
scopes: ['bgColor', 'borderColor'],
205241
},
206242
'org.primer.overrides': {
207-
dark: '{base.display.color.purple.5}'
208-
}
243+
dark: '{base.display.color.purple.5}',
244+
},
209245
},
210246
},
211247
muted: {
@@ -218,8 +254,8 @@
218254
scopes: ['bgColor'],
219255
},
220256
'org.primer.overrides': {
221-
dark: '{base.display.color.purple.0}'
222-
}
257+
dark: '{base.display.color.purple.0}',
258+
},
223259
},
224260
},
225261
},
@@ -236,8 +272,8 @@
236272
scopes: ['bgColor', 'borderColor'],
237273
},
238274
'org.primer.overrides': {
239-
dark: '{base.display.color.pink.5}'
240-
}
275+
dark: '{base.display.color.pink.5}',
276+
},
241277
},
242278
},
243279
muted: {
@@ -250,8 +286,8 @@
250286
scopes: ['bgColor'],
251287
},
252288
'org.primer.overrides': {
253-
dark: '{base.display.color.pink.0}'
254-
}
289+
dark: '{base.display.color.pink.0}',
290+
},
255291
},
256292
},
257293
},
@@ -268,8 +304,8 @@
268304
scopes: ['bgColor', 'borderColor'],
269305
},
270306
'org.primer.overrides': {
271-
dark: '{base.display.color.red.5}'
272-
}
307+
dark: '{base.display.color.red.5}',
308+
},
273309
},
274310
},
275311
muted: {
@@ -282,8 +318,8 @@
282318
scopes: ['bgColor'],
283319
},
284320
'org.primer.overrides': {
285-
dark: '{base.display.color.red.0}'
286-
}
321+
dark: '{base.display.color.red.0}',
322+
},
287323
},
288324
},
289325
},
@@ -300,8 +336,8 @@
300336
scopes: ['bgColor', 'borderColor'],
301337
},
302338
'org.primer.overrides': {
303-
dark: '{base.display.color.gray.4}'
304-
}
339+
dark: '{base.display.color.gray.4}',
340+
},
305341
},
306342
},
307343
muted: {
@@ -314,11 +350,11 @@
314350
scopes: ['bgColor'],
315351
},
316352
'org.primer.overrides': {
317-
dark: '{base.display.color.gray.0}'
318-
}
353+
dark: '{base.display.color.gray.0}',
354+
},
319355
},
320356
},
321357
},
322358
},
323359
},
324-
}
360+
}

0 commit comments

Comments
 (0)