@nvidia-elements/themes 0.0.0 → 0.0.1
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.
- package/CHANGELOG.md +15 -0
- package/LICENSE +202 -0
- package/package.json +4 -1
- package/dist/bundles/index.css +0 -6
- package/dist/compact.css +0 -1
- package/dist/compact.js +0 -6
- package/dist/compact.json +0 -5
- package/dist/custom-elements-jsx.d.ts +0 -76
- package/dist/custom-elements-vue.d.ts +0 -15
- package/dist/custom-elements.json +0 -82
- package/dist/dark.css +0 -1
- package/dist/dark.js +0 -388
- package/dist/dark.json +0 -387
- package/dist/data.css-vars.json +0 -4017
- package/dist/data.snippets.json +0 -1
- package/dist/debug.css +0 -1
- package/dist/debug.js +0 -7
- package/dist/debug.json +0 -6
- package/dist/elements.css +0 -1
- package/dist/elements.json +0 -550
- package/dist/fonts/LICENSE.md +0 -92
- package/dist/fonts/inter.css +0 -20
- package/dist/fonts/inter.woff2 +0 -0
- package/dist/high-contrast.css +0 -1
- package/dist/high-contrast.js +0 -65
- package/dist/high-contrast.json +0 -64
- package/dist/index.css +0 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.examples.js +0 -6
- package/dist/index.examples.js.map +0 -1
- package/dist/index.examples.json +0 -51
- package/dist/index.js +0 -551
- package/dist/index.js.map +0 -1
- package/dist/index.json +0 -550
- package/dist/index.metadata.json +0 -2966
- package/dist/reduced-motion.css +0 -1
- package/dist/reduced-motion.js +0 -10
- package/dist/reduced-motion.json +0 -9
- package/dist/schema.json +0 -586
package/dist/index.metadata.json
DELETED
|
@@ -1,2966 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"name": "nve-config-color-scheme-light",
|
|
4
|
-
"value": "true",
|
|
5
|
-
"description": "Use when configuring a light color scheme theme"
|
|
6
|
-
},
|
|
7
|
-
{
|
|
8
|
-
"name": "nve-ref-scale-text",
|
|
9
|
-
"value": "1",
|
|
10
|
-
"description": "Use for scaling all text size tokens proportionally across your application"
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
"name": "nve-ref-scale-size",
|
|
14
|
-
"value": "1",
|
|
15
|
-
"description": "Use for scaling all element sizing tokens proportionally across your application"
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
"name": "nve-ref-scale-space",
|
|
19
|
-
"value": "1",
|
|
20
|
-
"description": "Use for scaling all layout spacing tokens proportionally across your application"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"name": "nve-ref-scale-border-radius",
|
|
24
|
-
"value": "1",
|
|
25
|
-
"description": "Use for scaling all border radius tokens proportionally across your application"
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
"name": "nve-ref-scale-border-width",
|
|
29
|
-
"value": "1",
|
|
30
|
-
"description": "Use for scaling all border width tokens proportionally across your application"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"name": "nve-ref-scale-line-height",
|
|
34
|
-
"value": "1",
|
|
35
|
-
"description": "Use for scaling all line height tokens proportionally across your application"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
"name": "nve-ref-color-white",
|
|
39
|
-
"value": "oklch(100% 0 0)",
|
|
40
|
-
"type": "color",
|
|
41
|
-
"description": "Use for pure white backgrounds or text"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"name": "nve-ref-color-black",
|
|
45
|
-
"value": "oklch(0% 0 0)",
|
|
46
|
-
"type": "color",
|
|
47
|
-
"description": "Use for pure black backgrounds or text"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"name": "nve-ref-color-alpha-white-100",
|
|
51
|
-
"value": "oklch(100% 0 0 / 0)",
|
|
52
|
-
"type": "color"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"name": "nve-ref-color-alpha-white-200",
|
|
56
|
-
"value": "oklch(100% 0 0 / 0.0118)",
|
|
57
|
-
"type": "color"
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
"name": "nve-ref-color-alpha-white-300",
|
|
61
|
-
"value": "oklch(100% 0 0 / 0.0314)",
|
|
62
|
-
"type": "color"
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"name": "nve-ref-color-alpha-white-400",
|
|
66
|
-
"value": "oklch(100% 0 0 / 0.0588)",
|
|
67
|
-
"type": "color"
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"name": "nve-ref-color-alpha-white-500",
|
|
71
|
-
"value": "oklch(100% 0 0 / 0.0902)",
|
|
72
|
-
"type": "color"
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
"name": "nve-ref-color-alpha-white-600",
|
|
76
|
-
"value": "oklch(100% 0 0 / 0.1216)",
|
|
77
|
-
"type": "color"
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"name": "nve-ref-color-alpha-white-700",
|
|
81
|
-
"value": "oklch(100% 0 0 / 0.1804)",
|
|
82
|
-
"type": "color"
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"name": "nve-ref-color-alpha-white-800",
|
|
86
|
-
"value": "oklch(100% 0 0 / 0.251)",
|
|
87
|
-
"type": "color"
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"name": "nve-ref-color-alpha-white-900",
|
|
91
|
-
"value": "oklch(100% 0 0 / 0.3882)",
|
|
92
|
-
"type": "color"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"name": "nve-ref-color-alpha-white-1000",
|
|
96
|
-
"value": "oklch(100% 0 0 / 0.451)",
|
|
97
|
-
"type": "color"
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"name": "nve-ref-color-alpha-white-1100",
|
|
101
|
-
"value": "oklch(100% 0 0 / 0.5882)",
|
|
102
|
-
"type": "color"
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"name": "nve-ref-color-alpha-white-1200",
|
|
106
|
-
"value": "oklch(100% 0 0 / 0.9216)",
|
|
107
|
-
"type": "color"
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"name": "nve-ref-color-alpha-black-100",
|
|
111
|
-
"value": "oklch(0% 0 0 / 0)",
|
|
112
|
-
"type": "color"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "nve-ref-color-alpha-black-200",
|
|
116
|
-
"value": "oklch(0% 0 0 / 0.0118)",
|
|
117
|
-
"type": "color"
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
"name": "nve-ref-color-alpha-black-300",
|
|
121
|
-
"value": "oklch(0% 0 0 / 0.0314)",
|
|
122
|
-
"type": "color"
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
"name": "nve-ref-color-alpha-black-400",
|
|
126
|
-
"value": "oklch(0% 0 0 / 0.0588)",
|
|
127
|
-
"type": "color"
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"name": "nve-ref-color-alpha-black-500",
|
|
131
|
-
"value": "oklch(0% 0 0 / 0.0902)",
|
|
132
|
-
"type": "color"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"name": "nve-ref-color-alpha-black-600",
|
|
136
|
-
"value": "oklch(0% 0 0 / 0.1216)",
|
|
137
|
-
"type": "color"
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
"name": "nve-ref-color-alpha-black-700",
|
|
141
|
-
"value": "oklch(0% 0 0 / 0.1804)",
|
|
142
|
-
"type": "color"
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
"name": "nve-ref-color-alpha-black-800",
|
|
146
|
-
"value": "oklch(0% 0 0 / 0.251)",
|
|
147
|
-
"type": "color"
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
"name": "nve-ref-color-alpha-black-900",
|
|
151
|
-
"value": "oklch(0% 0 0 / 0.3882)",
|
|
152
|
-
"type": "color"
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
"name": "nve-ref-color-alpha-black-1000",
|
|
156
|
-
"value": "oklch(0% 0 0 / 0.451)",
|
|
157
|
-
"type": "color"
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
"name": "nve-ref-color-alpha-black-1100",
|
|
161
|
-
"value": "oklch(0% 0 0 / 0.5882)",
|
|
162
|
-
"type": "color"
|
|
163
|
-
},
|
|
164
|
-
{
|
|
165
|
-
"name": "nve-ref-color-alpha-black-1200",
|
|
166
|
-
"value": "oklch(0% 0 0 / 0.9216)",
|
|
167
|
-
"type": "color"
|
|
168
|
-
},
|
|
169
|
-
{
|
|
170
|
-
"name": "nve-ref-color-brand-green-100",
|
|
171
|
-
"value": "oklch(99.5% 0.004 121.6)",
|
|
172
|
-
"type": "color"
|
|
173
|
-
},
|
|
174
|
-
{
|
|
175
|
-
"name": "nve-ref-color-brand-green-200",
|
|
176
|
-
"value": "oklch(98.4% 0.019 122.8)",
|
|
177
|
-
"type": "color"
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
"name": "nve-ref-color-brand-green-300",
|
|
181
|
-
"value": "oklch(96.8% 0.043 124.5)",
|
|
182
|
-
"type": "color"
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
"name": "nve-ref-color-brand-green-400",
|
|
186
|
-
"value": "oklch(94.9% 0.069 125.4)",
|
|
187
|
-
"type": "color"
|
|
188
|
-
},
|
|
189
|
-
{
|
|
190
|
-
"name": "nve-ref-color-brand-green-500",
|
|
191
|
-
"value": "oklch(92.6% 0.09 125.6)",
|
|
192
|
-
"type": "color"
|
|
193
|
-
},
|
|
194
|
-
{
|
|
195
|
-
"name": "nve-ref-color-brand-green-600",
|
|
196
|
-
"value": "oklch(86% 0.111 125)",
|
|
197
|
-
"type": "color"
|
|
198
|
-
},
|
|
199
|
-
{
|
|
200
|
-
"name": "nve-ref-color-brand-green-700",
|
|
201
|
-
"value": "oklch(80.3% 0.143 126.3)",
|
|
202
|
-
"type": "color"
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"name": "nve-ref-color-brand-green-800",
|
|
206
|
-
"value": "oklch(71.1% 0.185 128.2)",
|
|
207
|
-
"type": "color"
|
|
208
|
-
},
|
|
209
|
-
{
|
|
210
|
-
"name": "nve-ref-color-brand-green-900",
|
|
211
|
-
"value": "oklch(66.1% 0.184 132.1)",
|
|
212
|
-
"type": "color"
|
|
213
|
-
},
|
|
214
|
-
{
|
|
215
|
-
"name": "nve-ref-color-brand-green-1000",
|
|
216
|
-
"value": "oklch(70.9% 0.194 131.1)",
|
|
217
|
-
"type": "color"
|
|
218
|
-
},
|
|
219
|
-
{
|
|
220
|
-
"name": "nve-ref-color-brand-green-1100",
|
|
221
|
-
"value": "oklch(54.5% 0.148 130.5)",
|
|
222
|
-
"type": "color"
|
|
223
|
-
},
|
|
224
|
-
{
|
|
225
|
-
"name": "nve-ref-color-brand-green-1200",
|
|
226
|
-
"value": "oklch(30.1% 0.068 127.8)",
|
|
227
|
-
"type": "color"
|
|
228
|
-
},
|
|
229
|
-
{
|
|
230
|
-
"name": "nve-ref-color-yellow-nova-100",
|
|
231
|
-
"value": "oklch(99% 0.007 106.5)",
|
|
232
|
-
"type": "color"
|
|
233
|
-
},
|
|
234
|
-
{
|
|
235
|
-
"name": "nve-ref-color-yellow-nova-200",
|
|
236
|
-
"value": "oklch(98.8% 0.029 100.6)",
|
|
237
|
-
"type": "color"
|
|
238
|
-
},
|
|
239
|
-
{
|
|
240
|
-
"name": "nve-ref-color-yellow-nova-300",
|
|
241
|
-
"value": "oklch(98.1% 0.054 102.9)",
|
|
242
|
-
"type": "color"
|
|
243
|
-
},
|
|
244
|
-
{
|
|
245
|
-
"name": "nve-ref-color-yellow-nova-400",
|
|
246
|
-
"value": "oklch(97% 0.082 102.5)",
|
|
247
|
-
"type": "color"
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
"name": "nve-ref-color-yellow-nova-500",
|
|
251
|
-
"value": "oklch(95.3% 0.097 100.4)",
|
|
252
|
-
"type": "color"
|
|
253
|
-
},
|
|
254
|
-
{
|
|
255
|
-
"name": "nve-ref-color-yellow-nova-600",
|
|
256
|
-
"value": "oklch(92.3% 0.114 98.5)",
|
|
257
|
-
"type": "color"
|
|
258
|
-
},
|
|
259
|
-
{
|
|
260
|
-
"name": "nve-ref-color-yellow-nova-700",
|
|
261
|
-
"value": "oklch(86.8% 0.126 93.8)",
|
|
262
|
-
"type": "color"
|
|
263
|
-
},
|
|
264
|
-
{
|
|
265
|
-
"name": "nve-ref-color-yellow-nova-800",
|
|
266
|
-
"value": "oklch(81.4% 0.166 90.5)",
|
|
267
|
-
"type": "color"
|
|
268
|
-
},
|
|
269
|
-
{
|
|
270
|
-
"name": "nve-ref-color-yellow-nova-900",
|
|
271
|
-
"value": "oklch(88.2% 0.182 99.8)",
|
|
272
|
-
"type": "color"
|
|
273
|
-
},
|
|
274
|
-
{
|
|
275
|
-
"name": "nve-ref-color-yellow-nova-1000",
|
|
276
|
-
"value": "oklch(72.8% 0.151 78.2)",
|
|
277
|
-
"type": "color"
|
|
278
|
-
},
|
|
279
|
-
{
|
|
280
|
-
"name": "nve-ref-color-yellow-nova-1100",
|
|
281
|
-
"value": "oklch(54.9% 0.114 79.5)",
|
|
282
|
-
"type": "color"
|
|
283
|
-
},
|
|
284
|
-
{
|
|
285
|
-
"name": "nve-ref-color-yellow-nova-1200",
|
|
286
|
-
"value": "oklch(28.3% 0.042 85.7)",
|
|
287
|
-
"type": "color"
|
|
288
|
-
},
|
|
289
|
-
{
|
|
290
|
-
"name": "nve-ref-color-lime-pear-100",
|
|
291
|
-
"value": "oklch(98.9% 0.005 117.9)",
|
|
292
|
-
"type": "color"
|
|
293
|
-
},
|
|
294
|
-
{
|
|
295
|
-
"name": "nve-ref-color-lime-pear-200",
|
|
296
|
-
"value": "oklch(98.4% 0.019 122.8)",
|
|
297
|
-
"type": "color"
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
"name": "nve-ref-color-lime-pear-300",
|
|
301
|
-
"value": "oklch(96.9% 0.042 123.1)",
|
|
302
|
-
"type": "color"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"name": "nve-ref-color-lime-pear-400",
|
|
306
|
-
"value": "oklch(95% 0.068 124.6)",
|
|
307
|
-
"type": "color"
|
|
308
|
-
},
|
|
309
|
-
{
|
|
310
|
-
"name": "nve-ref-color-lime-pear-500",
|
|
311
|
-
"value": "oklch(92.8% 0.088 124.6)",
|
|
312
|
-
"type": "color"
|
|
313
|
-
},
|
|
314
|
-
{
|
|
315
|
-
"name": "nve-ref-color-lime-pear-600",
|
|
316
|
-
"value": "oklch(88.6% 0.115 125)",
|
|
317
|
-
"type": "color"
|
|
318
|
-
},
|
|
319
|
-
{
|
|
320
|
-
"name": "nve-ref-color-lime-pear-700",
|
|
321
|
-
"value": "oklch(80.5% 0.138 126)",
|
|
322
|
-
"type": "color"
|
|
323
|
-
},
|
|
324
|
-
{
|
|
325
|
-
"name": "nve-ref-color-lime-pear-800",
|
|
326
|
-
"value": "oklch(72.3% 0.173 128.3)",
|
|
327
|
-
"type": "color"
|
|
328
|
-
},
|
|
329
|
-
{
|
|
330
|
-
"name": "nve-ref-color-lime-pear-900",
|
|
331
|
-
"value": "oklch(80.3% 0.197 128.1)",
|
|
332
|
-
"type": "color"
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
"name": "nve-ref-color-lime-pear-1000",
|
|
336
|
-
"value": "oklch(75.6% 0.187 128.6)",
|
|
337
|
-
"type": "color"
|
|
338
|
-
},
|
|
339
|
-
{
|
|
340
|
-
"name": "nve-ref-color-lime-pear-1100",
|
|
341
|
-
"value": "oklch(50.8% 0.13 129.4)",
|
|
342
|
-
"type": "color"
|
|
343
|
-
},
|
|
344
|
-
{
|
|
345
|
-
"name": "nve-ref-color-lime-pear-1200",
|
|
346
|
-
"value": "oklch(28.3% 0.062 127.4)",
|
|
347
|
-
"type": "color"
|
|
348
|
-
},
|
|
349
|
-
{
|
|
350
|
-
"name": "nve-ref-color-green-jade-100",
|
|
351
|
-
"value": "oklch(99.4% 0.004 157.2)",
|
|
352
|
-
"type": "color"
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
"name": "nve-ref-color-green-jade-200",
|
|
356
|
-
"value": "oklch(97.6% 0.018 155.8)",
|
|
357
|
-
"type": "color"
|
|
358
|
-
},
|
|
359
|
-
{
|
|
360
|
-
"name": "nve-ref-color-green-jade-300",
|
|
361
|
-
"value": "oklch(96.4% 0.023 157.6)",
|
|
362
|
-
"type": "color"
|
|
363
|
-
},
|
|
364
|
-
{
|
|
365
|
-
"name": "nve-ref-color-green-jade-400",
|
|
366
|
-
"value": "oklch(94.4% 0.031 156)",
|
|
367
|
-
"type": "color"
|
|
368
|
-
},
|
|
369
|
-
{
|
|
370
|
-
"name": "nve-ref-color-green-jade-500",
|
|
371
|
-
"value": "oklch(91.2% 0.042 157.2)",
|
|
372
|
-
"type": "color"
|
|
373
|
-
},
|
|
374
|
-
{
|
|
375
|
-
"name": "nve-ref-color-green-jade-600",
|
|
376
|
-
"value": "oklch(86.6% 0.058 157.4)",
|
|
377
|
-
"type": "color"
|
|
378
|
-
},
|
|
379
|
-
{
|
|
380
|
-
"name": "nve-ref-color-green-jade-700",
|
|
381
|
-
"value": "oklch(80.1% 0.078 159.2)",
|
|
382
|
-
"type": "color"
|
|
383
|
-
},
|
|
384
|
-
{
|
|
385
|
-
"name": "nve-ref-color-green-jade-800",
|
|
386
|
-
"value": "oklch(71.6% 0.113 160.3)",
|
|
387
|
-
"type": "color"
|
|
388
|
-
},
|
|
389
|
-
{
|
|
390
|
-
"name": "nve-ref-color-green-jade-900",
|
|
391
|
-
"value": "oklch(63.2% 0.131 157.6)",
|
|
392
|
-
"type": "color"
|
|
393
|
-
},
|
|
394
|
-
{
|
|
395
|
-
"name": "nve-ref-color-green-jade-1000",
|
|
396
|
-
"value": "oklch(59.4% 0.123 158.3)",
|
|
397
|
-
"type": "color"
|
|
398
|
-
},
|
|
399
|
-
{
|
|
400
|
-
"name": "nve-ref-color-green-jade-1100",
|
|
401
|
-
"value": "oklch(50.5% 0.109 158)",
|
|
402
|
-
"type": "color"
|
|
403
|
-
},
|
|
404
|
-
{
|
|
405
|
-
"name": "nve-ref-color-green-jade-1200",
|
|
406
|
-
"value": "oklch(27.6% 0.038 164.4)",
|
|
407
|
-
"type": "color"
|
|
408
|
-
},
|
|
409
|
-
{
|
|
410
|
-
"name": "nve-ref-color-pink-rose-100",
|
|
411
|
-
"value": "oklch(99% 0.007 340.4)",
|
|
412
|
-
"type": "color"
|
|
413
|
-
},
|
|
414
|
-
{
|
|
415
|
-
"name": "nve-ref-color-pink-rose-200",
|
|
416
|
-
"value": "oklch(98% 0.013 340.5)",
|
|
417
|
-
"type": "color"
|
|
418
|
-
},
|
|
419
|
-
{
|
|
420
|
-
"name": "nve-ref-color-pink-rose-300",
|
|
421
|
-
"value": "oklch(96% 0.024 340.3)",
|
|
422
|
-
"type": "color"
|
|
423
|
-
},
|
|
424
|
-
{
|
|
425
|
-
"name": "nve-ref-color-pink-rose-400",
|
|
426
|
-
"value": "oklch(94.3% 0.033 339.8)",
|
|
427
|
-
"type": "color"
|
|
428
|
-
},
|
|
429
|
-
{
|
|
430
|
-
"name": "nve-ref-color-pink-rose-500",
|
|
431
|
-
"value": "oklch(91.3% 0.046 341.9)",
|
|
432
|
-
"type": "color"
|
|
433
|
-
},
|
|
434
|
-
{
|
|
435
|
-
"name": "nve-ref-color-pink-rose-600",
|
|
436
|
-
"value": "oklch(87% 0.065 341)",
|
|
437
|
-
"type": "color"
|
|
438
|
-
},
|
|
439
|
-
{
|
|
440
|
-
"name": "nve-ref-color-pink-rose-700",
|
|
441
|
-
"value": "oklch(81.6% 0.09 342.1)",
|
|
442
|
-
"type": "color"
|
|
443
|
-
},
|
|
444
|
-
{
|
|
445
|
-
"name": "nve-ref-color-pink-rose-800",
|
|
446
|
-
"value": "oklch(74.7% 0.122 342.5)",
|
|
447
|
-
"type": "color"
|
|
448
|
-
},
|
|
449
|
-
{
|
|
450
|
-
"name": "nve-ref-color-pink-rose-900",
|
|
451
|
-
"value": "oklch(61.4% 0.208 346.1)",
|
|
452
|
-
"type": "color"
|
|
453
|
-
},
|
|
454
|
-
{
|
|
455
|
-
"name": "nve-ref-color-pink-rose-1000",
|
|
456
|
-
"value": "oklch(59% 0.218 347.4)",
|
|
457
|
-
"type": "color"
|
|
458
|
-
},
|
|
459
|
-
{
|
|
460
|
-
"name": "nve-ref-color-pink-rose-1100",
|
|
461
|
-
"value": "oklch(56.2% 0.221 348.6)",
|
|
462
|
-
"type": "color"
|
|
463
|
-
},
|
|
464
|
-
{
|
|
465
|
-
"name": "nve-ref-color-pink-rose-1200",
|
|
466
|
-
"value": "oklch(24.2% 0.082 345.8)",
|
|
467
|
-
"type": "color"
|
|
468
|
-
},
|
|
469
|
-
{
|
|
470
|
-
"name": "nve-ref-color-purple-lavender-100",
|
|
471
|
-
"value": "oklch(99.1% 0.005 325.6)",
|
|
472
|
-
"type": "color"
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"name": "nve-ref-color-purple-lavender-200",
|
|
476
|
-
"value": "oklch(98.9% 0.007 312.3)",
|
|
477
|
-
"type": "color"
|
|
478
|
-
},
|
|
479
|
-
{
|
|
480
|
-
"name": "nve-ref-color-purple-lavender-300",
|
|
481
|
-
"value": "oklch(96.8% 0.019 312.8)",
|
|
482
|
-
"type": "color"
|
|
483
|
-
},
|
|
484
|
-
{
|
|
485
|
-
"name": "nve-ref-color-purple-lavender-400",
|
|
486
|
-
"value": "oklch(93.6% 0.034 310.7)",
|
|
487
|
-
"type": "color"
|
|
488
|
-
},
|
|
489
|
-
{
|
|
490
|
-
"name": "nve-ref-color-purple-lavender-500",
|
|
491
|
-
"value": "oklch(90.7% 0.048 311.7)",
|
|
492
|
-
"type": "color"
|
|
493
|
-
},
|
|
494
|
-
{
|
|
495
|
-
"name": "nve-ref-color-purple-lavender-600",
|
|
496
|
-
"value": "oklch(86.9% 0.063 310.7)",
|
|
497
|
-
"type": "color"
|
|
498
|
-
},
|
|
499
|
-
{
|
|
500
|
-
"name": "nve-ref-color-purple-lavender-700",
|
|
501
|
-
"value": "oklch(80.9% 0.089 309.8)",
|
|
502
|
-
"type": "color"
|
|
503
|
-
},
|
|
504
|
-
{
|
|
505
|
-
"name": "nve-ref-color-purple-lavender-800",
|
|
506
|
-
"value": "oklch(72.8% 0.124 308.2)",
|
|
507
|
-
"type": "color"
|
|
508
|
-
},
|
|
509
|
-
{
|
|
510
|
-
"name": "nve-ref-color-purple-lavender-900",
|
|
511
|
-
"value": "oklch(55.6% 0.183 305.9)",
|
|
512
|
-
"type": "color"
|
|
513
|
-
},
|
|
514
|
-
{
|
|
515
|
-
"name": "nve-ref-color-purple-lavender-1000",
|
|
516
|
-
"value": "oklch(52.2% 0.182 305.3)",
|
|
517
|
-
"type": "color"
|
|
518
|
-
},
|
|
519
|
-
{
|
|
520
|
-
"name": "nve-ref-color-purple-lavender-1100",
|
|
521
|
-
"value": "oklch(48.3% 0.178 305.4)",
|
|
522
|
-
"type": "color"
|
|
523
|
-
},
|
|
524
|
-
{
|
|
525
|
-
"name": "nve-ref-color-purple-lavender-1200",
|
|
526
|
-
"value": "oklch(24.3% 0.096 305.3)",
|
|
527
|
-
"type": "color"
|
|
528
|
-
},
|
|
529
|
-
{
|
|
530
|
-
"name": "nve-ref-color-purple-violet-100",
|
|
531
|
-
"value": "oklch(99% 0.004 301.4)",
|
|
532
|
-
"type": "color"
|
|
533
|
-
},
|
|
534
|
-
{
|
|
535
|
-
"name": "nve-ref-color-purple-violet-200",
|
|
536
|
-
"value": "oklch(98.7% 0.007 295.5)",
|
|
537
|
-
"type": "color"
|
|
538
|
-
},
|
|
539
|
-
{
|
|
540
|
-
"name": "nve-ref-color-purple-violet-300",
|
|
541
|
-
"value": "oklch(96.2% 0.02 295.2)",
|
|
542
|
-
"type": "color"
|
|
543
|
-
},
|
|
544
|
-
{
|
|
545
|
-
"name": "nve-ref-color-purple-violet-400",
|
|
546
|
-
"value": "oklch(93.8% 0.031 293.8)",
|
|
547
|
-
"type": "color"
|
|
548
|
-
},
|
|
549
|
-
{
|
|
550
|
-
"name": "nve-ref-color-purple-violet-500",
|
|
551
|
-
"value": "oklch(90.4% 0.047 293.5)",
|
|
552
|
-
"type": "color"
|
|
553
|
-
},
|
|
554
|
-
{
|
|
555
|
-
"name": "nve-ref-color-purple-violet-600",
|
|
556
|
-
"value": "oklch(86.9% 0.061 293.4)",
|
|
557
|
-
"type": "color"
|
|
558
|
-
},
|
|
559
|
-
{
|
|
560
|
-
"name": "nve-ref-color-purple-violet-700",
|
|
561
|
-
"value": "oklch(80.4% 0.086 293.4)",
|
|
562
|
-
"type": "color"
|
|
563
|
-
},
|
|
564
|
-
{
|
|
565
|
-
"name": "nve-ref-color-purple-violet-800",
|
|
566
|
-
"value": "oklch(72.7% 0.119 292.6)",
|
|
567
|
-
"type": "color"
|
|
568
|
-
},
|
|
569
|
-
{
|
|
570
|
-
"name": "nve-ref-color-purple-violet-900",
|
|
571
|
-
"value": "oklch(53.8% 0.179 288)",
|
|
572
|
-
"type": "color"
|
|
573
|
-
},
|
|
574
|
-
{
|
|
575
|
-
"name": "nve-ref-color-purple-violet-1000",
|
|
576
|
-
"value": "oklch(50.9% 0.168 287)",
|
|
577
|
-
"type": "color"
|
|
578
|
-
},
|
|
579
|
-
{
|
|
580
|
-
"name": "nve-ref-color-purple-violet-1100",
|
|
581
|
-
"value": "oklch(47.3% 0.158 286.3)",
|
|
582
|
-
"type": "color"
|
|
583
|
-
},
|
|
584
|
-
{
|
|
585
|
-
"name": "nve-ref-color-purple-violet-1200",
|
|
586
|
-
"value": "oklch(24.1% 0.095 287.2)",
|
|
587
|
-
"type": "color"
|
|
588
|
-
},
|
|
589
|
-
{
|
|
590
|
-
"name": "nve-ref-color-purple-plum-100",
|
|
591
|
-
"value": "oklch(98.9% 0.007 312.3)",
|
|
592
|
-
"type": "color"
|
|
593
|
-
},
|
|
594
|
-
{
|
|
595
|
-
"name": "nve-ref-color-purple-plum-200",
|
|
596
|
-
"value": "oklch(98.1% 0.017 325.7)",
|
|
597
|
-
"type": "color"
|
|
598
|
-
},
|
|
599
|
-
{
|
|
600
|
-
"name": "nve-ref-color-purple-plum-300",
|
|
601
|
-
"value": "oklch(96.4% 0.024 325.8)",
|
|
602
|
-
"type": "color"
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
"name": "nve-ref-color-purple-plum-400",
|
|
606
|
-
"value": "oklch(93.7% 0.038 325.9)",
|
|
607
|
-
"type": "color"
|
|
608
|
-
},
|
|
609
|
-
{
|
|
610
|
-
"name": "nve-ref-color-purple-plum-500",
|
|
611
|
-
"value": "oklch(91.1% 0.049 324.9)",
|
|
612
|
-
"type": "color"
|
|
613
|
-
},
|
|
614
|
-
{
|
|
615
|
-
"name": "nve-ref-color-purple-plum-600",
|
|
616
|
-
"value": "oklch(86.9% 0.065 324.5)",
|
|
617
|
-
"type": "color"
|
|
618
|
-
},
|
|
619
|
-
{
|
|
620
|
-
"name": "nve-ref-color-purple-plum-700",
|
|
621
|
-
"value": "oklch(80.6% 0.092 323.3)",
|
|
622
|
-
"type": "color"
|
|
623
|
-
},
|
|
624
|
-
{
|
|
625
|
-
"name": "nve-ref-color-purple-plum-800",
|
|
626
|
-
"value": "oklch(73.5% 0.12 322.2)",
|
|
627
|
-
"type": "color"
|
|
628
|
-
},
|
|
629
|
-
{
|
|
630
|
-
"name": "nve-ref-color-purple-plum-900",
|
|
631
|
-
"value": "oklch(57.8% 0.185 322)",
|
|
632
|
-
"type": "color"
|
|
633
|
-
},
|
|
634
|
-
{
|
|
635
|
-
"name": "nve-ref-color-purple-plum-1000",
|
|
636
|
-
"value": "oklch(55% 0.198 322.1)",
|
|
637
|
-
"type": "color"
|
|
638
|
-
},
|
|
639
|
-
{
|
|
640
|
-
"name": "nve-ref-color-purple-plum-1100",
|
|
641
|
-
"value": "oklch(51.4% 0.206 322)",
|
|
642
|
-
"type": "color"
|
|
643
|
-
},
|
|
644
|
-
{
|
|
645
|
-
"name": "nve-ref-color-purple-plum-1200",
|
|
646
|
-
"value": "oklch(23.7% 0.088 320.9)",
|
|
647
|
-
"type": "color"
|
|
648
|
-
},
|
|
649
|
-
{
|
|
650
|
-
"name": "nve-ref-color-pink-magenta-100",
|
|
651
|
-
"value": "oklch(98.9% 0.006 350.8)",
|
|
652
|
-
"type": "color"
|
|
653
|
-
},
|
|
654
|
-
{
|
|
655
|
-
"name": "nve-ref-color-pink-magenta-200",
|
|
656
|
-
"value": "oklch(97.9% 0.013 345.5)",
|
|
657
|
-
"type": "color"
|
|
658
|
-
},
|
|
659
|
-
{
|
|
660
|
-
"name": "nve-ref-color-pink-magenta-300",
|
|
661
|
-
"value": "oklch(96% 0.022 348.7)",
|
|
662
|
-
"type": "color"
|
|
663
|
-
},
|
|
664
|
-
{
|
|
665
|
-
"name": "nve-ref-color-pink-magenta-400",
|
|
666
|
-
"value": "oklch(94.1% 0.03 348.2)",
|
|
667
|
-
"type": "color"
|
|
668
|
-
},
|
|
669
|
-
{
|
|
670
|
-
"name": "nve-ref-color-pink-magenta-500",
|
|
671
|
-
"value": "oklch(91.2% 0.042 349.5)",
|
|
672
|
-
"type": "color"
|
|
673
|
-
},
|
|
674
|
-
{
|
|
675
|
-
"name": "nve-ref-color-pink-magenta-600",
|
|
676
|
-
"value": "oklch(86.6% 0.061 349.2)",
|
|
677
|
-
"type": "color"
|
|
678
|
-
},
|
|
679
|
-
{
|
|
680
|
-
"name": "nve-ref-color-pink-magenta-700",
|
|
681
|
-
"value": "oklch(81.1% 0.085 352)",
|
|
682
|
-
"type": "color"
|
|
683
|
-
},
|
|
684
|
-
{
|
|
685
|
-
"name": "nve-ref-color-pink-magenta-800",
|
|
686
|
-
"value": "oklch(74% 0.116 354.5)",
|
|
687
|
-
"type": "color"
|
|
688
|
-
},
|
|
689
|
-
{
|
|
690
|
-
"name": "nve-ref-color-pink-magenta-900",
|
|
691
|
-
"value": "oklch(60.4% 0.214 2.6)",
|
|
692
|
-
"type": "color"
|
|
693
|
-
},
|
|
694
|
-
{
|
|
695
|
-
"name": "nve-ref-color-pink-magenta-1000",
|
|
696
|
-
"value": "oklch(67.7% 0.229 1.4)",
|
|
697
|
-
"type": "color"
|
|
698
|
-
},
|
|
699
|
-
{
|
|
700
|
-
"name": "nve-ref-color-pink-magenta-1100",
|
|
701
|
-
"value": "oklch(56.6% 0.213 4.7)",
|
|
702
|
-
"type": "color"
|
|
703
|
-
},
|
|
704
|
-
{
|
|
705
|
-
"name": "nve-ref-color-pink-magenta-1200",
|
|
706
|
-
"value": "oklch(24.5% 0.073 4.4)",
|
|
707
|
-
"type": "color"
|
|
708
|
-
},
|
|
709
|
-
{
|
|
710
|
-
"name": "nve-ref-color-red-tomato-100",
|
|
711
|
-
"value": "oklch(99% 0.01 0)",
|
|
712
|
-
"type": "color"
|
|
713
|
-
},
|
|
714
|
-
{
|
|
715
|
-
"name": "nve-ref-color-red-tomato-200",
|
|
716
|
-
"value": "oklch(98% 0.01 25.1)",
|
|
717
|
-
"type": "color"
|
|
718
|
-
},
|
|
719
|
-
{
|
|
720
|
-
"name": "nve-ref-color-red-tomato-300",
|
|
721
|
-
"value": "oklch(96% 0.02 25.2)",
|
|
722
|
-
"type": "color"
|
|
723
|
-
},
|
|
724
|
-
{
|
|
725
|
-
"name": "nve-ref-color-red-tomato-400",
|
|
726
|
-
"value": "oklch(94% 0.03 27.8)",
|
|
727
|
-
"type": "color"
|
|
728
|
-
},
|
|
729
|
-
{
|
|
730
|
-
"name": "nve-ref-color-red-tomato-500",
|
|
731
|
-
"value": "oklch(91.2% 0.042 27)",
|
|
732
|
-
"type": "color"
|
|
733
|
-
},
|
|
734
|
-
{
|
|
735
|
-
"name": "nve-ref-color-red-tomato-600",
|
|
736
|
-
"value": "oklch(87% 0.061 29.7)",
|
|
737
|
-
"type": "color"
|
|
738
|
-
},
|
|
739
|
-
{
|
|
740
|
-
"name": "nve-ref-color-red-tomato-700",
|
|
741
|
-
"value": "oklch(81.2% 0.084 31.8)",
|
|
742
|
-
"type": "color"
|
|
743
|
-
},
|
|
744
|
-
{
|
|
745
|
-
"name": "nve-ref-color-red-tomato-800",
|
|
746
|
-
"value": "oklch(74.6% 0.11 31.6)",
|
|
747
|
-
"type": "color"
|
|
748
|
-
},
|
|
749
|
-
{
|
|
750
|
-
"name": "nve-ref-color-red-tomato-900",
|
|
751
|
-
"value": "oklch(62% 0.195 33.3)",
|
|
752
|
-
"type": "color"
|
|
753
|
-
},
|
|
754
|
-
{
|
|
755
|
-
"name": "nve-ref-color-red-tomato-1000",
|
|
756
|
-
"value": "oklch(59.7% 0.193 33.1)",
|
|
757
|
-
"type": "color"
|
|
758
|
-
},
|
|
759
|
-
{
|
|
760
|
-
"name": "nve-ref-color-red-tomato-1100",
|
|
761
|
-
"value": "oklch(54.9% 0.191 32.8)",
|
|
762
|
-
"type": "color"
|
|
763
|
-
},
|
|
764
|
-
{
|
|
765
|
-
"name": "nve-ref-color-red-tomato-1200",
|
|
766
|
-
"value": "oklch(24% 0.047 31.3)",
|
|
767
|
-
"type": "color"
|
|
768
|
-
},
|
|
769
|
-
{
|
|
770
|
-
"name": "nve-ref-color-orange-pumpkin-100",
|
|
771
|
-
"value": "oklch(99.2% 0.003 48.7)",
|
|
772
|
-
"type": "color"
|
|
773
|
-
},
|
|
774
|
-
{
|
|
775
|
-
"name": "nve-ref-color-orange-pumpkin-200",
|
|
776
|
-
"value": "oklch(97.8% 0.011 54.5)",
|
|
777
|
-
"type": "color"
|
|
778
|
-
},
|
|
779
|
-
{
|
|
780
|
-
"name": "nve-ref-color-orange-pumpkin-300",
|
|
781
|
-
"value": "oklch(96.4% 0.021 56.1)",
|
|
782
|
-
"type": "color"
|
|
783
|
-
},
|
|
784
|
-
{
|
|
785
|
-
"name": "nve-ref-color-orange-pumpkin-400",
|
|
786
|
-
"value": "oklch(94.3% 0.035 57.6)",
|
|
787
|
-
"type": "color"
|
|
788
|
-
},
|
|
789
|
-
{
|
|
790
|
-
"name": "nve-ref-color-orange-pumpkin-500",
|
|
791
|
-
"value": "oklch(91.5% 0.052 56.8)",
|
|
792
|
-
"type": "color"
|
|
793
|
-
},
|
|
794
|
-
{
|
|
795
|
-
"name": "nve-ref-color-orange-pumpkin-600",
|
|
796
|
-
"value": "oklch(87.5% 0.08 56.6)",
|
|
797
|
-
"type": "color"
|
|
798
|
-
},
|
|
799
|
-
{
|
|
800
|
-
"name": "nve-ref-color-orange-pumpkin-700",
|
|
801
|
-
"value": "oklch(82.8% 0.111 54.4)",
|
|
802
|
-
"type": "color"
|
|
803
|
-
},
|
|
804
|
-
{
|
|
805
|
-
"name": "nve-ref-color-orange-pumpkin-800",
|
|
806
|
-
"value": "oklch(75.7% 0.15 52.2)",
|
|
807
|
-
"type": "color"
|
|
808
|
-
},
|
|
809
|
-
{
|
|
810
|
-
"name": "nve-ref-color-orange-pumpkin-900",
|
|
811
|
-
"value": "oklch(68.5% 0.194 45)",
|
|
812
|
-
"type": "color"
|
|
813
|
-
},
|
|
814
|
-
{
|
|
815
|
-
"name": "nve-ref-color-orange-pumpkin-1000",
|
|
816
|
-
"value": "oklch(65.5% 0.192 43.7)",
|
|
817
|
-
"type": "color"
|
|
818
|
-
},
|
|
819
|
-
{
|
|
820
|
-
"name": "nve-ref-color-orange-pumpkin-1100",
|
|
821
|
-
"value": "oklch(55.7% 0.162 44.1)",
|
|
822
|
-
"type": "color"
|
|
823
|
-
},
|
|
824
|
-
{
|
|
825
|
-
"name": "nve-ref-color-orange-pumpkin-1200",
|
|
826
|
-
"value": "oklch(27.9% 0.06 40.2)",
|
|
827
|
-
"type": "color"
|
|
828
|
-
},
|
|
829
|
-
{
|
|
830
|
-
"name": "nve-ref-color-yellow-amber-100",
|
|
831
|
-
"value": "oklch(99.4% 0.003 84.6)",
|
|
832
|
-
"type": "color"
|
|
833
|
-
},
|
|
834
|
-
{
|
|
835
|
-
"name": "nve-ref-color-yellow-amber-200",
|
|
836
|
-
"value": "oklch(98.1% 0.019 83.1)",
|
|
837
|
-
"type": "color"
|
|
838
|
-
},
|
|
839
|
-
{
|
|
840
|
-
"name": "nve-ref-color-yellow-amber-300",
|
|
841
|
-
"value": "oklch(96.5% 0.046 90.9)",
|
|
842
|
-
"type": "color"
|
|
843
|
-
},
|
|
844
|
-
{
|
|
845
|
-
"name": "nve-ref-color-yellow-amber-400",
|
|
846
|
-
"value": "oklch(94.4% 0.069 89.1)",
|
|
847
|
-
"type": "color"
|
|
848
|
-
},
|
|
849
|
-
{
|
|
850
|
-
"name": "nve-ref-color-yellow-amber-500",
|
|
851
|
-
"value": "oklch(92.1% 0.091 87.4)",
|
|
852
|
-
"type": "color"
|
|
853
|
-
},
|
|
854
|
-
{
|
|
855
|
-
"name": "nve-ref-color-yellow-amber-600",
|
|
856
|
-
"value": "oklch(88.6% 0.108 80.1)",
|
|
857
|
-
"type": "color"
|
|
858
|
-
},
|
|
859
|
-
{
|
|
860
|
-
"name": "nve-ref-color-yellow-amber-700",
|
|
861
|
-
"value": "oklch(82.1% 0.123 75.9)",
|
|
862
|
-
"type": "color"
|
|
863
|
-
},
|
|
864
|
-
{
|
|
865
|
-
"name": "nve-ref-color-yellow-amber-800",
|
|
866
|
-
"value": " oklch(76% 0.152 69.5)",
|
|
867
|
-
"type": "color"
|
|
868
|
-
},
|
|
869
|
-
{
|
|
870
|
-
"name": "nve-ref-color-yellow-amber-900",
|
|
871
|
-
"value": "oklch(81.7% 0.164 75.8)",
|
|
872
|
-
"type": "color"
|
|
873
|
-
},
|
|
874
|
-
{
|
|
875
|
-
"name": "nve-ref-color-yellow-amber-1000",
|
|
876
|
-
"value": "oklch(78.3% 0.169 66.4)",
|
|
877
|
-
"type": "color"
|
|
878
|
-
},
|
|
879
|
-
{
|
|
880
|
-
"name": "nve-ref-color-yellow-amber-1100",
|
|
881
|
-
"value": "oklch(53.9% 0.135 54.2)",
|
|
882
|
-
"type": "color"
|
|
883
|
-
},
|
|
884
|
-
{
|
|
885
|
-
"name": "nve-ref-color-yellow-amber-1200",
|
|
886
|
-
"value": "oklch(30.7% 0.077 44.3)",
|
|
887
|
-
"type": "color"
|
|
888
|
-
},
|
|
889
|
-
{
|
|
890
|
-
"name": "nve-ref-color-green-grass-100",
|
|
891
|
-
"value": " oklch(99.4% 0.005 145.5)",
|
|
892
|
-
"type": "color"
|
|
893
|
-
},
|
|
894
|
-
{
|
|
895
|
-
"name": "nve-ref-color-green-grass-200",
|
|
896
|
-
"value": "oklch(98.2% 0.015 145.5)",
|
|
897
|
-
"type": "color"
|
|
898
|
-
},
|
|
899
|
-
{
|
|
900
|
-
"name": "nve-ref-color-green-grass-300",
|
|
901
|
-
"value": "oklch(96.3% 0.027 145.4)",
|
|
902
|
-
"type": "color"
|
|
903
|
-
},
|
|
904
|
-
{
|
|
905
|
-
"name": "nve-ref-color-green-grass-400",
|
|
906
|
-
"value": "oklch(94.1% 0.034 145.3)",
|
|
907
|
-
"type": "color"
|
|
908
|
-
},
|
|
909
|
-
{
|
|
910
|
-
"name": "nve-ref-color-green-grass-500",
|
|
911
|
-
"value": "oklch(90.7% 0.05 146)",
|
|
912
|
-
"type": "color"
|
|
913
|
-
},
|
|
914
|
-
{
|
|
915
|
-
"name": "nve-ref-color-green-grass-600",
|
|
916
|
-
"value": "oklch(86.1% 0.067 146.9)",
|
|
917
|
-
"type": "color"
|
|
918
|
-
},
|
|
919
|
-
{
|
|
920
|
-
"name": "nve-ref-color-green-grass-700",
|
|
921
|
-
"value": "oklch(80% 0.09 147)",
|
|
922
|
-
"type": "color"
|
|
923
|
-
},
|
|
924
|
-
{
|
|
925
|
-
"name": "nve-ref-color-green-grass-800",
|
|
926
|
-
"value": "oklch(71.4% 0.13 148.5)",
|
|
927
|
-
"type": "color"
|
|
928
|
-
},
|
|
929
|
-
{
|
|
930
|
-
"name": "nve-ref-color-green-grass-900",
|
|
931
|
-
"value": "oklch(64.3% 0.143 147.6)",
|
|
932
|
-
"type": "color"
|
|
933
|
-
},
|
|
934
|
-
{
|
|
935
|
-
"name": "nve-ref-color-green-grass-1000",
|
|
936
|
-
"value": "oklch(61% 0.14 147.5)",
|
|
937
|
-
"type": "color"
|
|
938
|
-
},
|
|
939
|
-
{
|
|
940
|
-
"name": "nve-ref-color-green-grass-1100",
|
|
941
|
-
"value": "oklch(51.5% 0.125 147.4)",
|
|
942
|
-
"type": "color"
|
|
943
|
-
},
|
|
944
|
-
{
|
|
945
|
-
"name": "nve-ref-color-green-grass-1200",
|
|
946
|
-
"value": "oklch(27.8% 0.042 146.7)",
|
|
947
|
-
"type": "color"
|
|
948
|
-
},
|
|
949
|
-
{
|
|
950
|
-
"name": "nve-ref-color-teal-seafoam-100",
|
|
951
|
-
"value": "oklch(98.9% 0.006 185.3)",
|
|
952
|
-
"type": "color"
|
|
953
|
-
},
|
|
954
|
-
{
|
|
955
|
-
"name": "nve-ref-color-teal-seafoam-200",
|
|
956
|
-
"value": "oklch(97.8% 0.014 186)",
|
|
957
|
-
"type": "color"
|
|
958
|
-
},
|
|
959
|
-
{
|
|
960
|
-
"name": "nve-ref-color-teal-seafoam-300",
|
|
961
|
-
"value": "oklch(96.8% 0.02 181.1)",
|
|
962
|
-
"type": "color"
|
|
963
|
-
},
|
|
964
|
-
{
|
|
965
|
-
"name": "nve-ref-color-teal-seafoam-400",
|
|
966
|
-
"value": "oklch(94.3% 0.029 180.8)",
|
|
967
|
-
"type": "color"
|
|
968
|
-
},
|
|
969
|
-
{
|
|
970
|
-
"name": "nve-ref-color-teal-seafoam-500",
|
|
971
|
-
"value": "oklch(91.3% 0.038 184.3)",
|
|
972
|
-
"type": "color"
|
|
973
|
-
},
|
|
974
|
-
{
|
|
975
|
-
"name": "nve-ref-color-teal-seafoam-600",
|
|
976
|
-
"value": "oklch(86.6% 0.05 185.1)",
|
|
977
|
-
"type": "color"
|
|
978
|
-
},
|
|
979
|
-
{
|
|
980
|
-
"name": "nve-ref-color-teal-seafoam-700",
|
|
981
|
-
"value": "oklch(80.3% 0.066 183.7)",
|
|
982
|
-
"type": "color"
|
|
983
|
-
},
|
|
984
|
-
{
|
|
985
|
-
"name": "nve-ref-color-teal-seafoam-800",
|
|
986
|
-
"value": "oklch(71.8% 0.098 183.3)",
|
|
987
|
-
"type": "color"
|
|
988
|
-
},
|
|
989
|
-
{
|
|
990
|
-
"name": "nve-ref-color-teal-seafoam-900",
|
|
991
|
-
"value": "oklch(63.7% 0.112 181.7)",
|
|
992
|
-
"type": "color"
|
|
993
|
-
},
|
|
994
|
-
{
|
|
995
|
-
"name": "nve-ref-color-teal-seafoam-1000",
|
|
996
|
-
"value": "oklch(60.2% 0.105 182.4)",
|
|
997
|
-
"type": "color"
|
|
998
|
-
},
|
|
999
|
-
{
|
|
1000
|
-
"name": "nve-ref-color-teal-seafoam-1100",
|
|
1001
|
-
"value": "oklch(51.8% 0.091 183.8)",
|
|
1002
|
-
"type": "color"
|
|
1003
|
-
},
|
|
1004
|
-
{
|
|
1005
|
-
"name": "nve-ref-color-teal-seafoam-1200",
|
|
1006
|
-
"value": "oklch(27.6% 0.038 181.3)",
|
|
1007
|
-
"type": "color"
|
|
1008
|
-
},
|
|
1009
|
-
{
|
|
1010
|
-
"name": "nve-ref-color-green-mint-100",
|
|
1011
|
-
"value": "oklch(99% 0.009 179.6)",
|
|
1012
|
-
"type": "color"
|
|
1013
|
-
},
|
|
1014
|
-
{
|
|
1015
|
-
"name": "nve-ref-color-green-mint-200",
|
|
1016
|
-
"value": "oklch(98.2% 0.02 177.5)",
|
|
1017
|
-
"type": "color"
|
|
1018
|
-
},
|
|
1019
|
-
{
|
|
1020
|
-
"name": "nve-ref-color-green-mint-300",
|
|
1021
|
-
"value": "oklch(96.6% 0.03 176)",
|
|
1022
|
-
"type": "color"
|
|
1023
|
-
},
|
|
1024
|
-
{
|
|
1025
|
-
"name": "nve-ref-color-green-mint-400",
|
|
1026
|
-
"value": "oklch(94.3% 0.041 177.7)",
|
|
1027
|
-
"type": "color"
|
|
1028
|
-
},
|
|
1029
|
-
{
|
|
1030
|
-
"name": "nve-ref-color-green-mint-500",
|
|
1031
|
-
"value": "oklch(91.2% 0.052 178.1)",
|
|
1032
|
-
"type": "color"
|
|
1033
|
-
},
|
|
1034
|
-
{
|
|
1035
|
-
"name": "nve-ref-color-green-mint-600",
|
|
1036
|
-
"value": "oklch(87% 0.066 178)",
|
|
1037
|
-
"type": "color"
|
|
1038
|
-
},
|
|
1039
|
-
{
|
|
1040
|
-
"name": "nve-ref-color-green-mint-700",
|
|
1041
|
-
"value": "oklch(80.9% 0.09 176.6)",
|
|
1042
|
-
"type": "color"
|
|
1043
|
-
},
|
|
1044
|
-
{
|
|
1045
|
-
"name": "nve-ref-color-green-mint-800",
|
|
1046
|
-
"value": "oklch(74% 0.119 176.8)",
|
|
1047
|
-
"type": "color"
|
|
1048
|
-
},
|
|
1049
|
-
{
|
|
1050
|
-
"name": "nve-ref-color-green-mint-900",
|
|
1051
|
-
"value": "oklch(83.6% 0.11 177.1)",
|
|
1052
|
-
"type": "color"
|
|
1053
|
-
},
|
|
1054
|
-
{
|
|
1055
|
-
"name": "nve-ref-color-green-mint-1000",
|
|
1056
|
-
"value": "oklch(81% 0.108 177.3)",
|
|
1057
|
-
"type": "color"
|
|
1058
|
-
},
|
|
1059
|
-
{
|
|
1060
|
-
"name": "nve-ref-color-green-mint-1100",
|
|
1061
|
-
"value": "oklch(52.5% 0.09 180.8)",
|
|
1062
|
-
"type": "color"
|
|
1063
|
-
},
|
|
1064
|
-
{
|
|
1065
|
-
"name": "nve-ref-color-green-mint-1200",
|
|
1066
|
-
"value": "oklch(29.5% 0.047 181.6)",
|
|
1067
|
-
"type": "color"
|
|
1068
|
-
},
|
|
1069
|
-
{
|
|
1070
|
-
"name": "nve-ref-color-teal-cyan-100",
|
|
1071
|
-
"value": "oklch(98.8% 0.005 211)",
|
|
1072
|
-
"type": "color"
|
|
1073
|
-
},
|
|
1074
|
-
{
|
|
1075
|
-
"name": "nve-ref-color-teal-cyan-200",
|
|
1076
|
-
"value": "oklch(98.4% 0.011 204.1)",
|
|
1077
|
-
"type": "color"
|
|
1078
|
-
},
|
|
1079
|
-
{
|
|
1080
|
-
"name": "nve-ref-color-teal-cyan-300",
|
|
1081
|
-
"value": "oklch(96.6% 0.02 208.1)",
|
|
1082
|
-
"type": "color"
|
|
1083
|
-
},
|
|
1084
|
-
{
|
|
1085
|
-
"name": "nve-ref-color-teal-cyan-400",
|
|
1086
|
-
"value": "oklch(94.2% 0.03 204.5)",
|
|
1087
|
-
"type": "color"
|
|
1088
|
-
},
|
|
1089
|
-
{
|
|
1090
|
-
"name": "nve-ref-color-teal-cyan-500",
|
|
1091
|
-
"value": "oklch(90.9% 0.04 208.1)",
|
|
1092
|
-
"type": "color"
|
|
1093
|
-
},
|
|
1094
|
-
{
|
|
1095
|
-
"name": "nve-ref-color-teal-cyan-600",
|
|
1096
|
-
"value": "oklch(86.4% 0.055 207.9)",
|
|
1097
|
-
"type": "color"
|
|
1098
|
-
},
|
|
1099
|
-
{
|
|
1100
|
-
"name": "nve-ref-color-teal-cyan-700",
|
|
1101
|
-
"value": "oklch(80.1% 0.076 209.8)",
|
|
1102
|
-
"type": "color"
|
|
1103
|
-
},
|
|
1104
|
-
{
|
|
1105
|
-
"name": "nve-ref-color-teal-cyan-800",
|
|
1106
|
-
"value": "oklch(72.4% 0.111 211.9)",
|
|
1107
|
-
"type": "color"
|
|
1108
|
-
},
|
|
1109
|
-
{
|
|
1110
|
-
"name": "nve-ref-color-teal-cyan-900",
|
|
1111
|
-
"value": "oklch(65.8% 0.118 218.7)",
|
|
1112
|
-
"type": "color"
|
|
1113
|
-
},
|
|
1114
|
-
{
|
|
1115
|
-
"name": "nve-ref-color-teal-cyan-1000",
|
|
1116
|
-
"value": "oklch(60.8% 0.109 219.6)",
|
|
1117
|
-
"type": "color"
|
|
1118
|
-
},
|
|
1119
|
-
{
|
|
1120
|
-
"name": "nve-ref-color-teal-cyan-1100",
|
|
1121
|
-
"value": "oklch(52.8% 0.094 220.8)",
|
|
1122
|
-
"type": "color"
|
|
1123
|
-
},
|
|
1124
|
-
{
|
|
1125
|
-
"name": "nve-ref-color-teal-cyan-1200",
|
|
1126
|
-
"value": "oklch(28.3% 0.048 217.6)",
|
|
1127
|
-
"type": "color"
|
|
1128
|
-
},
|
|
1129
|
-
{
|
|
1130
|
-
"name": "nve-ref-color-blue-sky-100",
|
|
1131
|
-
"value": "oklch(98.9% 0.009 214.3)",
|
|
1132
|
-
"type": "color"
|
|
1133
|
-
},
|
|
1134
|
-
{
|
|
1135
|
-
"name": "nve-ref-color-blue-sky-200",
|
|
1136
|
-
"value": "oklch(98.3% 0.013 214.4)",
|
|
1137
|
-
"type": "color"
|
|
1138
|
-
},
|
|
1139
|
-
{
|
|
1140
|
-
"name": "nve-ref-color-blue-sky-300",
|
|
1141
|
-
"value": "oklch(96.4% 0.027 217.1)",
|
|
1142
|
-
"type": "color"
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"name": "nve-ref-color-blue-sky-400",
|
|
1146
|
-
"value": "oklch(94.6% 0.036 216)",
|
|
1147
|
-
"type": "color"
|
|
1148
|
-
},
|
|
1149
|
-
{
|
|
1150
|
-
"name": "nve-ref-color-blue-sky-500",
|
|
1151
|
-
"value": "oklch(91.3% 0.05 218.7)",
|
|
1152
|
-
"type": "color"
|
|
1153
|
-
},
|
|
1154
|
-
{
|
|
1155
|
-
"name": "nve-ref-color-blue-sky-600",
|
|
1156
|
-
"value": "oklch(86.6% 0.066 219.4)",
|
|
1157
|
-
"type": "color"
|
|
1158
|
-
},
|
|
1159
|
-
{
|
|
1160
|
-
"name": "nve-ref-color-blue-sky-700",
|
|
1161
|
-
"value": "oklch(80.6% 0.092 220.1)",
|
|
1162
|
-
"type": "color"
|
|
1163
|
-
},
|
|
1164
|
-
{
|
|
1165
|
-
"name": "nve-ref-color-blue-sky-800",
|
|
1166
|
-
"value": "oklch(73.7% 0.127 222.1)",
|
|
1167
|
-
"type": "color"
|
|
1168
|
-
},
|
|
1169
|
-
{
|
|
1170
|
-
"name": "nve-ref-color-blue-sky-900",
|
|
1171
|
-
"value": "oklch(84.2% 0.114 218.5)",
|
|
1172
|
-
"type": "color"
|
|
1173
|
-
},
|
|
1174
|
-
{
|
|
1175
|
-
"name": "nve-ref-color-blue-sky-1000",
|
|
1176
|
-
"value": "oklch(81.2% 0.115 219.3)",
|
|
1177
|
-
"type": "color"
|
|
1178
|
-
},
|
|
1179
|
-
{
|
|
1180
|
-
"name": "nve-ref-color-blue-sky-1100",
|
|
1181
|
-
"value": "oklch(53.3% 0.106 230)",
|
|
1182
|
-
"type": "color"
|
|
1183
|
-
},
|
|
1184
|
-
{
|
|
1185
|
-
"name": "nve-ref-color-blue-sky-1200",
|
|
1186
|
-
"value": "oklch(28% 0.054 225.9)",
|
|
1187
|
-
"type": "color"
|
|
1188
|
-
},
|
|
1189
|
-
{
|
|
1190
|
-
"name": "nve-ref-color-blue-cobalt-100",
|
|
1191
|
-
"value": "oklch(99% 0.005 258.3)",
|
|
1192
|
-
"type": "color"
|
|
1193
|
-
},
|
|
1194
|
-
{
|
|
1195
|
-
"name": "nve-ref-color-blue-cobalt-200",
|
|
1196
|
-
"value": "oklch(98.3% 0.009 247.9)",
|
|
1197
|
-
"type": "color"
|
|
1198
|
-
},
|
|
1199
|
-
{
|
|
1200
|
-
"name": "nve-ref-color-blue-cobalt-300",
|
|
1201
|
-
"value": "oklch(96.6% 0.017 248)",
|
|
1202
|
-
"type": "color"
|
|
1203
|
-
},
|
|
1204
|
-
{
|
|
1205
|
-
"name": "nve-ref-color-blue-cobalt-400",
|
|
1206
|
-
"value": "oklch(94.8% 0.026 246.3)",
|
|
1207
|
-
"type": "color"
|
|
1208
|
-
},
|
|
1209
|
-
{
|
|
1210
|
-
"name": "nve-ref-color-blue-cobalt-500",
|
|
1211
|
-
"value": "oklch(91.4% 0.042 247.2)",
|
|
1212
|
-
"type": "color"
|
|
1213
|
-
},
|
|
1214
|
-
{
|
|
1215
|
-
"name": "nve-ref-color-blue-cobalt-600",
|
|
1216
|
-
"value": "oklch(86.5% 0.059 247.7)",
|
|
1217
|
-
"type": "color"
|
|
1218
|
-
},
|
|
1219
|
-
{
|
|
1220
|
-
"name": "nve-ref-color-blue-cobalt-700",
|
|
1221
|
-
"value": "oklch(80.4% 0.083 245.7)",
|
|
1222
|
-
"type": "color"
|
|
1223
|
-
},
|
|
1224
|
-
{
|
|
1225
|
-
"name": "nve-ref-color-blue-cobalt-800",
|
|
1226
|
-
"value": "oklch(72.8% 0.122 243.8)",
|
|
1227
|
-
"type": "color"
|
|
1228
|
-
},
|
|
1229
|
-
{
|
|
1230
|
-
"name": "nve-ref-color-blue-cobalt-900",
|
|
1231
|
-
"value": "oklch(65.1% 0.192 251.5)",
|
|
1232
|
-
"type": "color"
|
|
1233
|
-
},
|
|
1234
|
-
{
|
|
1235
|
-
"name": "nve-ref-color-blue-cobalt-1000",
|
|
1236
|
-
"value": "oklch(54.8% 0.2 258.1)",
|
|
1237
|
-
"type": "color"
|
|
1238
|
-
},
|
|
1239
|
-
{
|
|
1240
|
-
"name": "nve-ref-color-blue-cobalt-1100",
|
|
1241
|
-
"value": "oklch(54.2% 0.191 256.9)",
|
|
1242
|
-
"type": "color"
|
|
1243
|
-
},
|
|
1244
|
-
{
|
|
1245
|
-
"name": "nve-ref-color-blue-cobalt-1200",
|
|
1246
|
-
"value": "oklch(26.6% 0.084 253.9)",
|
|
1247
|
-
"type": "color"
|
|
1248
|
-
},
|
|
1249
|
-
{
|
|
1250
|
-
"name": "nve-ref-color-blue-indigo-100",
|
|
1251
|
-
"value": "oklch(99.1% 0.001 286.4)",
|
|
1252
|
-
"type": "color"
|
|
1253
|
-
},
|
|
1254
|
-
{
|
|
1255
|
-
"name": "nve-ref-color-blue-indigo-200",
|
|
1256
|
-
"value": "oklch(97.9% 0.01 267.4)",
|
|
1257
|
-
"type": "color"
|
|
1258
|
-
},
|
|
1259
|
-
{
|
|
1260
|
-
"name": "nve-ref-color-blue-indigo-300",
|
|
1261
|
-
"value": "oklch(96.7% 0.015 270)",
|
|
1262
|
-
"type": "color"
|
|
1263
|
-
},
|
|
1264
|
-
{
|
|
1265
|
-
"name": "nve-ref-color-blue-indigo-400",
|
|
1266
|
-
"value": "oklch(93.7% 0.028 268.4)",
|
|
1267
|
-
"type": "color"
|
|
1268
|
-
},
|
|
1269
|
-
{
|
|
1270
|
-
"name": "nve-ref-color-blue-indigo-500",
|
|
1271
|
-
"value": "oklch(91.4% 0.037 270.5)",
|
|
1272
|
-
"type": "color"
|
|
1273
|
-
},
|
|
1274
|
-
{
|
|
1275
|
-
"name": "nve-ref-color-blue-indigo-600",
|
|
1276
|
-
"value": "oklch(86.3% 0.058 270)",
|
|
1277
|
-
"type": "color"
|
|
1278
|
-
},
|
|
1279
|
-
{
|
|
1280
|
-
"name": "nve-ref-color-blue-indigo-700",
|
|
1281
|
-
"value": "oklch(81% 0.079 270.3)",
|
|
1282
|
-
"type": "color"
|
|
1283
|
-
},
|
|
1284
|
-
{
|
|
1285
|
-
"name": "nve-ref-color-blue-indigo-800",
|
|
1286
|
-
"value": "oklch(72.5% 0.114 270.5)",
|
|
1287
|
-
"type": "color"
|
|
1288
|
-
},
|
|
1289
|
-
{
|
|
1290
|
-
"name": "nve-ref-color-blue-indigo-900",
|
|
1291
|
-
"value": "oklch(53.9% 0.194 267)",
|
|
1292
|
-
"type": "color"
|
|
1293
|
-
},
|
|
1294
|
-
{
|
|
1295
|
-
"name": "nve-ref-color-blue-indigo-1000",
|
|
1296
|
-
"value": "oklch(51.2% 0.178 267.3)",
|
|
1297
|
-
"type": "color"
|
|
1298
|
-
},
|
|
1299
|
-
{
|
|
1300
|
-
"name": "nve-ref-color-blue-indigo-1100",
|
|
1301
|
-
"value": "oklch(47.2% 0.155 267.4)",
|
|
1302
|
-
"type": "color"
|
|
1303
|
-
},
|
|
1304
|
-
{
|
|
1305
|
-
"name": "nve-ref-color-blue-indigo-1200",
|
|
1306
|
-
"value": "oklch(23.8% 0.075 268.3)",
|
|
1307
|
-
"type": "color"
|
|
1308
|
-
},
|
|
1309
|
-
{
|
|
1310
|
-
"name": "nve-ref-color-gray-denim-100",
|
|
1311
|
-
"value": "oklch(98.4% 0.003 247.9)",
|
|
1312
|
-
"type": "color"
|
|
1313
|
-
},
|
|
1314
|
-
{
|
|
1315
|
-
"name": "nve-ref-color-gray-denim-200",
|
|
1316
|
-
"value": "oklch(98.3% 0.003 286.4)",
|
|
1317
|
-
"type": "color"
|
|
1318
|
-
},
|
|
1319
|
-
{
|
|
1320
|
-
"name": "nve-ref-color-gray-denim-300",
|
|
1321
|
-
"value": "oklch(95.9% 0.005 275)",
|
|
1322
|
-
"type": "color"
|
|
1323
|
-
},
|
|
1324
|
-
{
|
|
1325
|
-
"name": "nve-ref-color-gray-denim-400",
|
|
1326
|
-
"value": "oklch(93.6% 0.006 255.5)",
|
|
1327
|
-
"type": "color"
|
|
1328
|
-
},
|
|
1329
|
-
{
|
|
1330
|
-
"name": "nve-ref-color-gray-denim-500",
|
|
1331
|
-
"value": "oklch(92.5% 0.008 271.3)",
|
|
1332
|
-
"type": "color"
|
|
1333
|
-
},
|
|
1334
|
-
{
|
|
1335
|
-
"name": "nve-ref-color-gray-denim-600",
|
|
1336
|
-
"value": "oklch(90.9% 0.01 267.4)",
|
|
1337
|
-
"type": "color"
|
|
1338
|
-
},
|
|
1339
|
-
{
|
|
1340
|
-
"name": "nve-ref-color-gray-denim-700",
|
|
1341
|
-
"value": "oklch(87.6% 0.013 271.3)",
|
|
1342
|
-
"type": "color"
|
|
1343
|
-
},
|
|
1344
|
-
{
|
|
1345
|
-
"name": "nve-ref-color-gray-denim-800",
|
|
1346
|
-
"value": "oklch(80.6% 0.022 274)",
|
|
1347
|
-
"type": "color"
|
|
1348
|
-
},
|
|
1349
|
-
{
|
|
1350
|
-
"name": "nve-ref-color-gray-denim-900",
|
|
1351
|
-
"value": "oklch(62.4% 0.028 268.7)",
|
|
1352
|
-
"type": "color"
|
|
1353
|
-
},
|
|
1354
|
-
{
|
|
1355
|
-
"name": "nve-ref-color-gray-denim-1000",
|
|
1356
|
-
"value": "oklch(59.4% 0.032 270.2)",
|
|
1357
|
-
"type": "color"
|
|
1358
|
-
},
|
|
1359
|
-
{
|
|
1360
|
-
"name": "nve-ref-color-gray-denim-1100",
|
|
1361
|
-
"value": "oklch(52.4% 0.032 274.2)",
|
|
1362
|
-
"type": "color"
|
|
1363
|
-
},
|
|
1364
|
-
{
|
|
1365
|
-
"name": "nve-ref-color-gray-denim-1200",
|
|
1366
|
-
"value": "oklch(25.8% 0.013 279)",
|
|
1367
|
-
"type": "color"
|
|
1368
|
-
},
|
|
1369
|
-
{
|
|
1370
|
-
"name": "nve-ref-color-gray-slate-100",
|
|
1371
|
-
"value": "oklch(98.4% 0.003 247.9)",
|
|
1372
|
-
"type": "color"
|
|
1373
|
-
},
|
|
1374
|
-
{
|
|
1375
|
-
"name": "nve-ref-color-gray-slate-200",
|
|
1376
|
-
"value": "oklch(97.6% 0.003 264.5)",
|
|
1377
|
-
"type": "color"
|
|
1378
|
-
},
|
|
1379
|
-
{
|
|
1380
|
-
"name": "nve-ref-color-gray-slate-300",
|
|
1381
|
-
"value": "oklch(95.1% 0.005 258.3)",
|
|
1382
|
-
"type": "color"
|
|
1383
|
-
},
|
|
1384
|
-
{
|
|
1385
|
-
"name": "nve-ref-color-gray-slate-400",
|
|
1386
|
-
"value": "oklch(93.4% 0.005 275)",
|
|
1387
|
-
"type": "color"
|
|
1388
|
-
},
|
|
1389
|
-
{
|
|
1390
|
-
"name": "nve-ref-color-gray-slate-500",
|
|
1391
|
-
"value": "oklch(93% 0.005 258.3)",
|
|
1392
|
-
"type": "color"
|
|
1393
|
-
},
|
|
1394
|
-
{
|
|
1395
|
-
"name": "nve-ref-color-gray-slate-600",
|
|
1396
|
-
"value": "oklch(90.8% 0.006 239.8)",
|
|
1397
|
-
"type": "color"
|
|
1398
|
-
},
|
|
1399
|
-
{
|
|
1400
|
-
"name": "nve-ref-color-gray-slate-700",
|
|
1401
|
-
"value": "oklch(88.3% 0.007 247.9)",
|
|
1402
|
-
"type": "color"
|
|
1403
|
-
},
|
|
1404
|
-
{
|
|
1405
|
-
"name": "nve-ref-color-gray-slate-800",
|
|
1406
|
-
"value": "oklch(82.9% 0.01 238.5)",
|
|
1407
|
-
"type": "color"
|
|
1408
|
-
},
|
|
1409
|
-
{
|
|
1410
|
-
"name": "nve-ref-color-gray-slate-900",
|
|
1411
|
-
"value": "oklch(64.9% 0.013 240)",
|
|
1412
|
-
"type": "color"
|
|
1413
|
-
},
|
|
1414
|
-
{
|
|
1415
|
-
"name": "nve-ref-color-gray-slate-1000",
|
|
1416
|
-
"value": "oklch(61.3% 0.012 243.8)",
|
|
1417
|
-
"type": "color"
|
|
1418
|
-
},
|
|
1419
|
-
{
|
|
1420
|
-
"name": "nve-ref-color-gray-slate-1100",
|
|
1421
|
-
"value": "oklch(52.7% 0.01 236.7)",
|
|
1422
|
-
"type": "color"
|
|
1423
|
-
},
|
|
1424
|
-
{
|
|
1425
|
-
"name": "nve-ref-color-gray-slate-1200",
|
|
1426
|
-
"value": "oklch(19.5% 0.011 229.6)",
|
|
1427
|
-
"type": "color"
|
|
1428
|
-
},
|
|
1429
|
-
{
|
|
1430
|
-
"name": "nve-ref-color-red-cardinal-100",
|
|
1431
|
-
"value": "oklch(99% 0.01 0)",
|
|
1432
|
-
"type": "color"
|
|
1433
|
-
},
|
|
1434
|
-
{
|
|
1435
|
-
"name": "nve-ref-color-red-cardinal-200",
|
|
1436
|
-
"value": "oklch(97.8% 0.011 17.3)",
|
|
1437
|
-
"type": "color"
|
|
1438
|
-
},
|
|
1439
|
-
{
|
|
1440
|
-
"name": "nve-ref-color-red-cardinal-300",
|
|
1441
|
-
"value": "oklch(95.6% 0.022 17.5)",
|
|
1442
|
-
"type": "color"
|
|
1443
|
-
},
|
|
1444
|
-
{
|
|
1445
|
-
"name": "nve-ref-color-red-cardinal-400",
|
|
1446
|
-
"value": "oklch(93.2% 0.034 17.8)",
|
|
1447
|
-
"type": "color"
|
|
1448
|
-
},
|
|
1449
|
-
{
|
|
1450
|
-
"name": "nve-ref-color-red-cardinal-500",
|
|
1451
|
-
"value": "oklch(91.3% 0.041 17.9)",
|
|
1452
|
-
"type": "color"
|
|
1453
|
-
},
|
|
1454
|
-
{
|
|
1455
|
-
"name": "nve-ref-color-red-cardinal-600",
|
|
1456
|
-
"value": "oklch(86.5% 0.062 18.4)",
|
|
1457
|
-
"type": "color"
|
|
1458
|
-
},
|
|
1459
|
-
{
|
|
1460
|
-
"name": "nve-ref-color-red-cardinal-700",
|
|
1461
|
-
"value": "oklch(80.9% 0.084 18.1)",
|
|
1462
|
-
"type": "color"
|
|
1463
|
-
},
|
|
1464
|
-
{
|
|
1465
|
-
"name": "nve-ref-color-red-cardinal-800",
|
|
1466
|
-
"value": "oklch(74.5% 0.111 19.3)",
|
|
1467
|
-
"type": "color"
|
|
1468
|
-
},
|
|
1469
|
-
{
|
|
1470
|
-
"name": "nve-ref-color-red-cardinal-900",
|
|
1471
|
-
"value": "oklch(62.6% 0.193 23)",
|
|
1472
|
-
"type": "color"
|
|
1473
|
-
},
|
|
1474
|
-
{
|
|
1475
|
-
"name": "nve-ref-color-red-cardinal-1000",
|
|
1476
|
-
"value": "oklch(59.6% 0.195 23.8)",
|
|
1477
|
-
"type": "color"
|
|
1478
|
-
},
|
|
1479
|
-
{
|
|
1480
|
-
"name": "nve-ref-color-red-cardinal-1100",
|
|
1481
|
-
"value": "oklch(54.9% 0.194 25.1)",
|
|
1482
|
-
"type": "color"
|
|
1483
|
-
},
|
|
1484
|
-
{
|
|
1485
|
-
"name": "nve-ref-color-red-cardinal-1200",
|
|
1486
|
-
"value": "oklch(23.9% 0.056 17.2)",
|
|
1487
|
-
"type": "color"
|
|
1488
|
-
},
|
|
1489
|
-
{
|
|
1490
|
-
"name": "nve-ref-font-family-inter",
|
|
1491
|
-
"value": "'Inter', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif",
|
|
1492
|
-
"type": "fontFamilies",
|
|
1493
|
-
"description": "Use for body text and UI elements"
|
|
1494
|
-
},
|
|
1495
|
-
{
|
|
1496
|
-
"name": "nve-ref-font-family-roboto-mono",
|
|
1497
|
-
"value": "'Roboto Mono', 'Lucida Console', Monaco, monospace, sans-serif",
|
|
1498
|
-
"type": "fontFamilies",
|
|
1499
|
-
"description": "Use for code snippets and monospace text"
|
|
1500
|
-
},
|
|
1501
|
-
{
|
|
1502
|
-
"name": "nve-ref-font-weight-light",
|
|
1503
|
-
"value": "200",
|
|
1504
|
-
"type": "fontWeights",
|
|
1505
|
-
"description": "Use for subtle text emphasis"
|
|
1506
|
-
},
|
|
1507
|
-
{
|
|
1508
|
-
"name": "nve-ref-font-weight-regular",
|
|
1509
|
-
"value": "400",
|
|
1510
|
-
"type": "fontWeights",
|
|
1511
|
-
"description": "Use for body text and default content"
|
|
1512
|
-
},
|
|
1513
|
-
{
|
|
1514
|
-
"name": "nve-ref-font-weight-medium",
|
|
1515
|
-
"value": "500",
|
|
1516
|
-
"type": "fontWeights",
|
|
1517
|
-
"description": "Use for labels and medium emphasis"
|
|
1518
|
-
},
|
|
1519
|
-
{
|
|
1520
|
-
"name": "nve-ref-font-weight-semibold",
|
|
1521
|
-
"value": "600",
|
|
1522
|
-
"type": "fontWeights",
|
|
1523
|
-
"description": "Use for navigation and strong emphasis"
|
|
1524
|
-
},
|
|
1525
|
-
{
|
|
1526
|
-
"name": "nve-ref-font-weight-bold",
|
|
1527
|
-
"value": "700",
|
|
1528
|
-
"type": "fontWeights",
|
|
1529
|
-
"description": "Use for strong text emphasis"
|
|
1530
|
-
},
|
|
1531
|
-
{
|
|
1532
|
-
"name": "nve-ref-font-weight-extra-bold",
|
|
1533
|
-
"value": "800",
|
|
1534
|
-
"type": "fontWeights",
|
|
1535
|
-
"description": "Use for maximum text emphasis"
|
|
1536
|
-
},
|
|
1537
|
-
{
|
|
1538
|
-
"name": "nve-ref-font-line-height-tight",
|
|
1539
|
-
"value": "1.12",
|
|
1540
|
-
"type": "lineHeights",
|
|
1541
|
-
"description": "Use when vertical space is limited"
|
|
1542
|
-
},
|
|
1543
|
-
{
|
|
1544
|
-
"name": "nve-ref-font-line-height-snug",
|
|
1545
|
-
"value": "1.25",
|
|
1546
|
-
"type": "lineHeights",
|
|
1547
|
-
"description": "Use for compact text layouts"
|
|
1548
|
-
},
|
|
1549
|
-
{
|
|
1550
|
-
"name": "nve-ref-font-line-height-moderate",
|
|
1551
|
-
"value": "1.375",
|
|
1552
|
-
"type": "lineHeights",
|
|
1553
|
-
"description": "Use for balanced text readability"
|
|
1554
|
-
},
|
|
1555
|
-
{
|
|
1556
|
-
"name": "nve-ref-font-line-height-relaxed",
|
|
1557
|
-
"value": "1.5",
|
|
1558
|
-
"type": "lineHeights",
|
|
1559
|
-
"description": "Use for comfortable text reading"
|
|
1560
|
-
},
|
|
1561
|
-
{
|
|
1562
|
-
"name": "nve-ref-font-line-height-loose",
|
|
1563
|
-
"value": "1.625",
|
|
1564
|
-
"type": "lineHeights",
|
|
1565
|
-
"description": "Use for spacious text layouts"
|
|
1566
|
-
},
|
|
1567
|
-
{
|
|
1568
|
-
"name": "nve-ref-border-radius-full",
|
|
1569
|
-
"value": "999px",
|
|
1570
|
-
"type": "borderRadius",
|
|
1571
|
-
"description": "Use for fully rounded pill-shaped elements like buttons and badges"
|
|
1572
|
-
},
|
|
1573
|
-
{
|
|
1574
|
-
"name": "nve-ref-opacity-0",
|
|
1575
|
-
"value": "0",
|
|
1576
|
-
"type": "opacity",
|
|
1577
|
-
"description": "Use for completely transparent elements and hidden overlays"
|
|
1578
|
-
},
|
|
1579
|
-
{
|
|
1580
|
-
"name": "nve-ref-opacity-150",
|
|
1581
|
-
"value": "0.15",
|
|
1582
|
-
"type": "opacity",
|
|
1583
|
-
"description": "Use for very subtle transparency effects on disabled states"
|
|
1584
|
-
},
|
|
1585
|
-
{
|
|
1586
|
-
"name": "nve-ref-opacity-200",
|
|
1587
|
-
"value": "0.2",
|
|
1588
|
-
"type": "opacity",
|
|
1589
|
-
"description": "Use for subtle transparency on overlays and disabled content"
|
|
1590
|
-
},
|
|
1591
|
-
{
|
|
1592
|
-
"name": "nve-ref-opacity-300",
|
|
1593
|
-
"value": "0.3",
|
|
1594
|
-
"type": "opacity",
|
|
1595
|
-
"description": "Use for light transparency on secondary content"
|
|
1596
|
-
},
|
|
1597
|
-
{
|
|
1598
|
-
"name": "nve-ref-opacity-400",
|
|
1599
|
-
"value": "0.4",
|
|
1600
|
-
"type": "opacity",
|
|
1601
|
-
"description": "Use for moderate transparency on muted content"
|
|
1602
|
-
},
|
|
1603
|
-
{
|
|
1604
|
-
"name": "nve-ref-opacity-500",
|
|
1605
|
-
"value": "0.5",
|
|
1606
|
-
"type": "opacity",
|
|
1607
|
-
"description": "Use for balanced transparency on semi-transparent overlays"
|
|
1608
|
-
},
|
|
1609
|
-
{
|
|
1610
|
-
"name": "nve-ref-opacity-600",
|
|
1611
|
-
"value": "0.6",
|
|
1612
|
-
"type": "opacity",
|
|
1613
|
-
"description": "Use for noticeable transparency while maintaining readability"
|
|
1614
|
-
},
|
|
1615
|
-
{
|
|
1616
|
-
"name": "nve-ref-opacity-700",
|
|
1617
|
-
"value": "0.7",
|
|
1618
|
-
"type": "opacity",
|
|
1619
|
-
"description": "Use for reduced transparency on emphasized content"
|
|
1620
|
-
},
|
|
1621
|
-
{
|
|
1622
|
-
"name": "nve-ref-opacity-800",
|
|
1623
|
-
"value": "0.8",
|
|
1624
|
-
"type": "opacity",
|
|
1625
|
-
"description": "Use for slight transparency on primary content"
|
|
1626
|
-
},
|
|
1627
|
-
{
|
|
1628
|
-
"name": "nve-ref-opacity-900",
|
|
1629
|
-
"value": "0.9",
|
|
1630
|
-
"type": "opacity",
|
|
1631
|
-
"description": "Use for minimal transparency on nearly opaque content"
|
|
1632
|
-
},
|
|
1633
|
-
{
|
|
1634
|
-
"name": "nve-ref-shadow-100",
|
|
1635
|
-
"value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.02)",
|
|
1636
|
-
"type": "boxShadow",
|
|
1637
|
-
"description": "Use for subtle elevation on cards and floating elements"
|
|
1638
|
-
},
|
|
1639
|
-
{
|
|
1640
|
-
"name": "nve-ref-shadow-200",
|
|
1641
|
-
"value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.05)",
|
|
1642
|
-
"type": "boxShadow",
|
|
1643
|
-
"description": "Use for light elevation on raised panels and modals"
|
|
1644
|
-
},
|
|
1645
|
-
{
|
|
1646
|
-
"name": "nve-ref-shadow-300",
|
|
1647
|
-
"value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.08)",
|
|
1648
|
-
"type": "boxShadow",
|
|
1649
|
-
"description": "Use for moderate elevation on dialogs and overlays"
|
|
1650
|
-
},
|
|
1651
|
-
{
|
|
1652
|
-
"name": "nve-ref-shadow-400",
|
|
1653
|
-
"value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.12)",
|
|
1654
|
-
"type": "boxShadow",
|
|
1655
|
-
"description": "Use for prominent elevation on important floating content"
|
|
1656
|
-
},
|
|
1657
|
-
{
|
|
1658
|
-
"name": "nve-ref-shadow-500",
|
|
1659
|
-
"value": "0px 16px 32px 0px oklch(12.6% 0.022 276.4 / 0.17)",
|
|
1660
|
-
"type": "boxShadow",
|
|
1661
|
-
"description": "Use for maximum elevation on top-level modals and popovers"
|
|
1662
|
-
},
|
|
1663
|
-
{
|
|
1664
|
-
"name": "nve-ref-outline",
|
|
1665
|
-
"value": "Highlight solid 2px",
|
|
1666
|
-
"description": "Use for default focus indicators"
|
|
1667
|
-
},
|
|
1668
|
-
{
|
|
1669
|
-
"name": "nve-ref-outline-webkit",
|
|
1670
|
-
"value": "5px auto -webkit-focus-ring-color",
|
|
1671
|
-
"description": "Use for WebKit browser focus indicators"
|
|
1672
|
-
},
|
|
1673
|
-
{
|
|
1674
|
-
"name": "nve-ref-animation-duration-100",
|
|
1675
|
-
"value": "0",
|
|
1676
|
-
"description": "Use for instant transitions or reduced motion preferences"
|
|
1677
|
-
},
|
|
1678
|
-
{
|
|
1679
|
-
"name": "nve-ref-animation-duration-150",
|
|
1680
|
-
"value": "150ms",
|
|
1681
|
-
"description": "Use for quick UI transitions"
|
|
1682
|
-
},
|
|
1683
|
-
{
|
|
1684
|
-
"name": "nve-ref-animation-duration-200",
|
|
1685
|
-
"value": "200ms",
|
|
1686
|
-
"description": "Use for standard UI transitions"
|
|
1687
|
-
},
|
|
1688
|
-
{
|
|
1689
|
-
"name": "nve-ref-animation-duration-250",
|
|
1690
|
-
"value": "250ms",
|
|
1691
|
-
"description": "Use for slightly slower transitions"
|
|
1692
|
-
},
|
|
1693
|
-
{
|
|
1694
|
-
"name": "nve-ref-animation-duration-300",
|
|
1695
|
-
"value": "400ms",
|
|
1696
|
-
"description": "Use for slower, deliberate transitions"
|
|
1697
|
-
},
|
|
1698
|
-
{
|
|
1699
|
-
"name": "nve-ref-animation-duration-400",
|
|
1700
|
-
"value": "800ms",
|
|
1701
|
-
"description": "Use for very slow, dramatic transitions"
|
|
1702
|
-
},
|
|
1703
|
-
{
|
|
1704
|
-
"name": "nve-ref-animation-easing-100",
|
|
1705
|
-
"value": "ease-in-out",
|
|
1706
|
-
"description": "Use for smooth transitions"
|
|
1707
|
-
},
|
|
1708
|
-
{
|
|
1709
|
-
"name": "nve-sys-color-scheme",
|
|
1710
|
-
"value": "auto",
|
|
1711
|
-
"description": "Use when configuring automatic theme detection based on user preferences"
|
|
1712
|
-
},
|
|
1713
|
-
{
|
|
1714
|
-
"name": "nve-sys-contrast-emphasis-ratio",
|
|
1715
|
-
"value": "100%",
|
|
1716
|
-
"type": "percentage",
|
|
1717
|
-
"description": "Use when calculating color-mix ratios for emphasized states"
|
|
1718
|
-
},
|
|
1719
|
-
{
|
|
1720
|
-
"name": "nve-sys-contrast-mute-ratio",
|
|
1721
|
-
"value": "18%",
|
|
1722
|
-
"type": "percentage",
|
|
1723
|
-
"description": "Use when calculating color-mix ratios for muted states"
|
|
1724
|
-
},
|
|
1725
|
-
{
|
|
1726
|
-
"name": "nve-sys-interaction-state-ratio",
|
|
1727
|
-
"value": "initial",
|
|
1728
|
-
"description": "Use as the default ratio when computing dynamic interaction states"
|
|
1729
|
-
},
|
|
1730
|
-
{
|
|
1731
|
-
"name": "nve-sys-interaction-state-ratio-hover",
|
|
1732
|
-
"value": "4%",
|
|
1733
|
-
"description": "Use as the ratio when computing hover interaction states"
|
|
1734
|
-
},
|
|
1735
|
-
{
|
|
1736
|
-
"name": "nve-sys-interaction-state-ratio-disabled",
|
|
1737
|
-
"value": "4%",
|
|
1738
|
-
"description": "Use as the ratio when computing disabled interaction states"
|
|
1739
|
-
},
|
|
1740
|
-
{
|
|
1741
|
-
"name": "nve-sys-interaction-state-ratio-active",
|
|
1742
|
-
"value": "8%",
|
|
1743
|
-
"description": "Use as the ratio when computing active interaction states"
|
|
1744
|
-
},
|
|
1745
|
-
{
|
|
1746
|
-
"name": "nve-sys-interaction-state-ratio-selected",
|
|
1747
|
-
"value": "8%",
|
|
1748
|
-
"description": "Use as the ratio when computing selected interaction states"
|
|
1749
|
-
},
|
|
1750
|
-
{
|
|
1751
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-100",
|
|
1752
|
-
"value": "oklch(91.8% 0.187 102.2)",
|
|
1753
|
-
"type": "color",
|
|
1754
|
-
"description": "Use for the highest values in a sequential viridis scale"
|
|
1755
|
-
},
|
|
1756
|
-
{
|
|
1757
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-200",
|
|
1758
|
-
"value": "oklch(85.9% 0.19 115)",
|
|
1759
|
-
"type": "color",
|
|
1760
|
-
"description": "Use for very high values in a sequential viridis scale"
|
|
1761
|
-
},
|
|
1762
|
-
{
|
|
1763
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-300",
|
|
1764
|
-
"value": "oklch(82.1% 0.194 126.8)",
|
|
1765
|
-
"type": "color",
|
|
1766
|
-
"description": "Use for high values in a sequential viridis scale"
|
|
1767
|
-
},
|
|
1768
|
-
{
|
|
1769
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-400",
|
|
1770
|
-
"value": "oklch(77.5% 0.187 137.2)",
|
|
1771
|
-
"type": "color",
|
|
1772
|
-
"description": "Use for moderately high values in a sequential viridis scale"
|
|
1773
|
-
},
|
|
1774
|
-
{
|
|
1775
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-500",
|
|
1776
|
-
"value": "oklch(73.4% 0.164 147.5)",
|
|
1777
|
-
"type": "color",
|
|
1778
|
-
"description": "Use for upper-mid range values in a sequential viridis scale"
|
|
1779
|
-
},
|
|
1780
|
-
{
|
|
1781
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-600",
|
|
1782
|
-
"value": "oklch(69.1% 0.145 157.3)",
|
|
1783
|
-
"type": "color",
|
|
1784
|
-
"description": "Use for mid-range values in a sequential viridis scale"
|
|
1785
|
-
},
|
|
1786
|
-
{
|
|
1787
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-700",
|
|
1788
|
-
"value": "oklch(64.6% 0.12 169.6)",
|
|
1789
|
-
"type": "color",
|
|
1790
|
-
"description": "Use for lower-mid range values in a sequential viridis scale"
|
|
1791
|
-
},
|
|
1792
|
-
{
|
|
1793
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-800",
|
|
1794
|
-
"value": "oklch(60.2% 0.1 184.4)",
|
|
1795
|
-
"type": "color",
|
|
1796
|
-
"description": "Use for moderately low values in a sequential viridis scale"
|
|
1797
|
-
},
|
|
1798
|
-
{
|
|
1799
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-900",
|
|
1800
|
-
"value": "oklch(56.8% 0.087 200.1)",
|
|
1801
|
-
"type": "color",
|
|
1802
|
-
"description": "Use for low values in a sequential viridis scale"
|
|
1803
|
-
},
|
|
1804
|
-
{
|
|
1805
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-1000",
|
|
1806
|
-
"value": "oklch(49.1% 0.083 242.3)",
|
|
1807
|
-
"type": "color",
|
|
1808
|
-
"description": "Use for very low values in a sequential viridis scale"
|
|
1809
|
-
},
|
|
1810
|
-
{
|
|
1811
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-1100",
|
|
1812
|
-
"value": "oklch(45.3% 0.094 261.6)",
|
|
1813
|
-
"type": "color",
|
|
1814
|
-
"description": "Use for near-minimum values in a sequential viridis scale"
|
|
1815
|
-
},
|
|
1816
|
-
{
|
|
1817
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-1200",
|
|
1818
|
-
"value": "oklch(41.9% 0.108 278.7)",
|
|
1819
|
-
"type": "color",
|
|
1820
|
-
"description": "Use for very low values approaching the bottom of a viridis scale"
|
|
1821
|
-
},
|
|
1822
|
-
{
|
|
1823
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-1300",
|
|
1824
|
-
"value": "oklch(37.1% 0.124 293.4)",
|
|
1825
|
-
"type": "color",
|
|
1826
|
-
"description": "Use for near-bottom values in a sequential viridis scale"
|
|
1827
|
-
},
|
|
1828
|
-
{
|
|
1829
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-1400",
|
|
1830
|
-
"value": "oklch(33.3% 0.134 306.3)",
|
|
1831
|
-
"type": "color",
|
|
1832
|
-
"description": "Use for minimal values in a sequential viridis scale"
|
|
1833
|
-
},
|
|
1834
|
-
{
|
|
1835
|
-
"name": "nve-sys-visualization-sequential-diverging-virdis-1500",
|
|
1836
|
-
"value": "oklch(27.6% 0.132 318.4)",
|
|
1837
|
-
"type": "color",
|
|
1838
|
-
"description": "Use for the lowest values in a sequential viridis scale"
|
|
1839
|
-
},
|
|
1840
|
-
{
|
|
1841
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-100",
|
|
1842
|
-
"value": "oklch(49.9% 0.159 23.4)",
|
|
1843
|
-
"type": "color",
|
|
1844
|
-
"description": "Use for the most extreme negative values in a diverging red-green scale"
|
|
1845
|
-
},
|
|
1846
|
-
{
|
|
1847
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-200",
|
|
1848
|
-
"value": "oklch(59.6% 0.195 23.8)",
|
|
1849
|
-
"type": "color",
|
|
1850
|
-
"description": "Use for strong negative values that deviate significantly from center"
|
|
1851
|
-
},
|
|
1852
|
-
{
|
|
1853
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-300",
|
|
1854
|
-
"value": "oklch(68.4% 0.193 22)",
|
|
1855
|
-
"type": "color",
|
|
1856
|
-
"description": "Use for moderate negative values below the neutral midpoint"
|
|
1857
|
-
},
|
|
1858
|
-
{
|
|
1859
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-400",
|
|
1860
|
-
"value": "oklch(83.3% 0.083 18.1)",
|
|
1861
|
-
"type": "color",
|
|
1862
|
-
"description": "Use for slight negative values just below the center point"
|
|
1863
|
-
},
|
|
1864
|
-
{
|
|
1865
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-600",
|
|
1866
|
-
"value": "oklch(86.4% 0.117 148.8)",
|
|
1867
|
-
"type": "color",
|
|
1868
|
-
"description": "Use for slight positive values just above the center point"
|
|
1869
|
-
},
|
|
1870
|
-
{
|
|
1871
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-700",
|
|
1872
|
-
"value": "oklch(72.5% 0.176 148.7)",
|
|
1873
|
-
"type": "color",
|
|
1874
|
-
"description": "Use for moderate positive values above the neutral midpoint"
|
|
1875
|
-
},
|
|
1876
|
-
{
|
|
1877
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-800",
|
|
1878
|
-
"value": "oklch(62.7% 0.157 148.3)",
|
|
1879
|
-
"type": "color",
|
|
1880
|
-
"description": "Use for strong positive values that deviate significantly from center"
|
|
1881
|
-
},
|
|
1882
|
-
{
|
|
1883
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-900",
|
|
1884
|
-
"value": "oklch(47.5% 0.109 150.4)",
|
|
1885
|
-
"type": "color",
|
|
1886
|
-
"description": "Use for the most extreme positive values in a diverging red-green scale"
|
|
1887
|
-
},
|
|
1888
|
-
{
|
|
1889
|
-
"name": "nve-sys-scrollbar-width",
|
|
1890
|
-
"value": "thin",
|
|
1891
|
-
"type": "borderWidth",
|
|
1892
|
-
"description": "Use for scrollbar width in scrollable containers"
|
|
1893
|
-
},
|
|
1894
|
-
{
|
|
1895
|
-
"name": "nve-ref-size-50",
|
|
1896
|
-
"value": "nve-ref-scale-size * 2px",
|
|
1897
|
-
"type": "sizing",
|
|
1898
|
-
"description": "Use for minimal padding and margins within compact elements"
|
|
1899
|
-
},
|
|
1900
|
-
{
|
|
1901
|
-
"name": "nve-ref-size-100",
|
|
1902
|
-
"value": "nve-ref-scale-size * 4px",
|
|
1903
|
-
"type": "sizing",
|
|
1904
|
-
"description": "Use for tight padding and margins within small elements"
|
|
1905
|
-
},
|
|
1906
|
-
{
|
|
1907
|
-
"name": "nve-ref-size-150",
|
|
1908
|
-
"value": "nve-ref-scale-size * 6px",
|
|
1909
|
-
"type": "sizing",
|
|
1910
|
-
"description": "Use for compact padding and margins within elements"
|
|
1911
|
-
},
|
|
1912
|
-
{
|
|
1913
|
-
"name": "nve-ref-size-200",
|
|
1914
|
-
"value": "nve-ref-scale-size * 8px",
|
|
1915
|
-
"type": "sizing",
|
|
1916
|
-
"description": "Use for standard padding and margins within form controls and small components"
|
|
1917
|
-
},
|
|
1918
|
-
{
|
|
1919
|
-
"name": "nve-ref-size-250",
|
|
1920
|
-
"value": "nve-ref-scale-size * 10px",
|
|
1921
|
-
"type": "sizing",
|
|
1922
|
-
"description": "Use for comfortable padding and margins within medium elements"
|
|
1923
|
-
},
|
|
1924
|
-
{
|
|
1925
|
-
"name": "nve-ref-size-300",
|
|
1926
|
-
"value": "nve-ref-scale-size * 12px",
|
|
1927
|
-
"type": "sizing",
|
|
1928
|
-
"description": "Use for standard padding and margins within buttons and interactive elements"
|
|
1929
|
-
},
|
|
1930
|
-
{
|
|
1931
|
-
"name": "nve-ref-size-400",
|
|
1932
|
-
"value": "nve-ref-scale-size * 16px",
|
|
1933
|
-
"type": "sizing",
|
|
1934
|
-
"description": "Use for comfortable padding and margins within cards and panels"
|
|
1935
|
-
},
|
|
1936
|
-
{
|
|
1937
|
-
"name": "nve-ref-size-500",
|
|
1938
|
-
"value": "nve-ref-scale-size * 20px",
|
|
1939
|
-
"type": "sizing",
|
|
1940
|
-
"description": "Use for generous padding and margins within larger components"
|
|
1941
|
-
},
|
|
1942
|
-
{
|
|
1943
|
-
"name": "nve-ref-size-600",
|
|
1944
|
-
"value": "nve-ref-scale-size * 24px",
|
|
1945
|
-
"type": "sizing",
|
|
1946
|
-
"description": "Use for spacious padding and margins within containers"
|
|
1947
|
-
},
|
|
1948
|
-
{
|
|
1949
|
-
"name": "nve-ref-size-700",
|
|
1950
|
-
"value": "nve-ref-scale-size * 28px",
|
|
1951
|
-
"type": "sizing",
|
|
1952
|
-
"description": "Use for extra padding and margins within large components"
|
|
1953
|
-
},
|
|
1954
|
-
{
|
|
1955
|
-
"name": "nve-ref-size-800",
|
|
1956
|
-
"value": "nve-ref-scale-size * 32px",
|
|
1957
|
-
"type": "sizing",
|
|
1958
|
-
"description": "Use for standard height of form inputs and buttons"
|
|
1959
|
-
},
|
|
1960
|
-
{
|
|
1961
|
-
"name": "nve-ref-size-900",
|
|
1962
|
-
"value": "nve-ref-scale-size * 36px",
|
|
1963
|
-
"type": "sizing",
|
|
1964
|
-
"description": "Use for extra large padding and margins within oversized elements"
|
|
1965
|
-
},
|
|
1966
|
-
{
|
|
1967
|
-
"name": "nve-ref-size-1000",
|
|
1968
|
-
"value": "nve-ref-scale-size * 40px",
|
|
1969
|
-
"type": "sizing",
|
|
1970
|
-
"description": "Use for maximum padding and margins within very large containers"
|
|
1971
|
-
},
|
|
1972
|
-
{
|
|
1973
|
-
"name": "nve-ref-space-none",
|
|
1974
|
-
"value": "nve-ref-scale-space * 0px",
|
|
1975
|
-
"type": "spacing",
|
|
1976
|
-
"description": "Use when no spacing is needed between elements"
|
|
1977
|
-
},
|
|
1978
|
-
{
|
|
1979
|
-
"name": "nve-ref-space-xxxs",
|
|
1980
|
-
"value": "nve-ref-scale-space * 2px",
|
|
1981
|
-
"type": "spacing",
|
|
1982
|
-
"description": "Use for minimal gaps between tightly grouped elements"
|
|
1983
|
-
},
|
|
1984
|
-
{
|
|
1985
|
-
"name": "nve-ref-space-xxs",
|
|
1986
|
-
"value": "nve-ref-scale-space * 4px",
|
|
1987
|
-
"type": "spacing",
|
|
1988
|
-
"description": "Use for very small gaps between closely related elements"
|
|
1989
|
-
},
|
|
1990
|
-
{
|
|
1991
|
-
"name": "nve-ref-space-xs",
|
|
1992
|
-
"value": "nve-ref-scale-space * 8px",
|
|
1993
|
-
"type": "spacing",
|
|
1994
|
-
"description": "Use for small gaps between form fields and related content"
|
|
1995
|
-
},
|
|
1996
|
-
{
|
|
1997
|
-
"name": "nve-ref-space-sm",
|
|
1998
|
-
"value": "nve-ref-scale-space * 12px",
|
|
1999
|
-
"type": "spacing",
|
|
2000
|
-
"description": "Use for standard gaps between form fields and sibling elements in layouts"
|
|
2001
|
-
},
|
|
2002
|
-
{
|
|
2003
|
-
"name": "nve-ref-space-md",
|
|
2004
|
-
"value": "nve-ref-scale-space * 16px",
|
|
2005
|
-
"type": "spacing",
|
|
2006
|
-
"description": "Use for comfortable gaps between sections and groups of elements"
|
|
2007
|
-
},
|
|
2008
|
-
{
|
|
2009
|
-
"name": "nve-ref-space-lg",
|
|
2010
|
-
"value": "nve-ref-scale-space * 24px",
|
|
2011
|
-
"type": "spacing",
|
|
2012
|
-
"description": "Use for generous gaps between major sections and content blocks"
|
|
2013
|
-
},
|
|
2014
|
-
{
|
|
2015
|
-
"name": "nve-ref-space-xl",
|
|
2016
|
-
"value": "nve-ref-scale-space * 32px",
|
|
2017
|
-
"type": "spacing",
|
|
2018
|
-
"description": "Use for large gaps between distinct page sections"
|
|
2019
|
-
},
|
|
2020
|
-
{
|
|
2021
|
-
"name": "nve-ref-space-xxl",
|
|
2022
|
-
"value": "nve-ref-scale-space * 48px",
|
|
2023
|
-
"type": "spacing",
|
|
2024
|
-
"description": "Use for extra large gaps between major page regions"
|
|
2025
|
-
},
|
|
2026
|
-
{
|
|
2027
|
-
"name": "nve-ref-space-xxxl",
|
|
2028
|
-
"value": "nve-ref-scale-space * 64px",
|
|
2029
|
-
"type": "spacing",
|
|
2030
|
-
"description": "Use for maximum gaps between completely separate page areas"
|
|
2031
|
-
},
|
|
2032
|
-
{
|
|
2033
|
-
"name": "nve-ref-color-scheme-base",
|
|
2034
|
-
"value": "nve-ref-color-white",
|
|
2035
|
-
"type": "color",
|
|
2036
|
-
"description": "Use for light backgrounds and containers"
|
|
2037
|
-
},
|
|
2038
|
-
{
|
|
2039
|
-
"name": "nve-ref-color-scheme-inverse",
|
|
2040
|
-
"value": "nve-ref-color-black",
|
|
2041
|
-
"type": "color",
|
|
2042
|
-
"description": "Use for dark backgrounds and inverse elements"
|
|
2043
|
-
},
|
|
2044
|
-
{
|
|
2045
|
-
"name": "nve-ref-color-neutral-100",
|
|
2046
|
-
"value": "nve-ref-color-gray-slate-100",
|
|
2047
|
-
"type": "color"
|
|
2048
|
-
},
|
|
2049
|
-
{
|
|
2050
|
-
"name": "nve-ref-color-neutral-200",
|
|
2051
|
-
"value": "nve-ref-color-gray-slate-200",
|
|
2052
|
-
"type": "color"
|
|
2053
|
-
},
|
|
2054
|
-
{
|
|
2055
|
-
"name": "nve-ref-color-neutral-300",
|
|
2056
|
-
"value": "nve-ref-color-gray-slate-300",
|
|
2057
|
-
"type": "color"
|
|
2058
|
-
},
|
|
2059
|
-
{
|
|
2060
|
-
"name": "nve-ref-color-neutral-400",
|
|
2061
|
-
"value": "nve-ref-color-gray-slate-400",
|
|
2062
|
-
"type": "color"
|
|
2063
|
-
},
|
|
2064
|
-
{
|
|
2065
|
-
"name": "nve-ref-color-neutral-500",
|
|
2066
|
-
"value": "nve-ref-color-gray-slate-500",
|
|
2067
|
-
"type": "color"
|
|
2068
|
-
},
|
|
2069
|
-
{
|
|
2070
|
-
"name": "nve-ref-color-neutral-600",
|
|
2071
|
-
"value": "nve-ref-color-gray-slate-600",
|
|
2072
|
-
"type": "color"
|
|
2073
|
-
},
|
|
2074
|
-
{
|
|
2075
|
-
"name": "nve-ref-color-neutral-700",
|
|
2076
|
-
"value": "nve-ref-color-gray-slate-700",
|
|
2077
|
-
"type": "color"
|
|
2078
|
-
},
|
|
2079
|
-
{
|
|
2080
|
-
"name": "nve-ref-color-neutral-800",
|
|
2081
|
-
"value": "nve-ref-color-gray-slate-800",
|
|
2082
|
-
"type": "color"
|
|
2083
|
-
},
|
|
2084
|
-
{
|
|
2085
|
-
"name": "nve-ref-color-neutral-900",
|
|
2086
|
-
"value": "nve-ref-color-gray-slate-900",
|
|
2087
|
-
"type": "color"
|
|
2088
|
-
},
|
|
2089
|
-
{
|
|
2090
|
-
"name": "nve-ref-color-neutral-1000",
|
|
2091
|
-
"value": "nve-ref-color-gray-slate-1000",
|
|
2092
|
-
"type": "color"
|
|
2093
|
-
},
|
|
2094
|
-
{
|
|
2095
|
-
"name": "nve-ref-color-neutral-1100",
|
|
2096
|
-
"value": "nve-ref-color-gray-slate-1100",
|
|
2097
|
-
"type": "color"
|
|
2098
|
-
},
|
|
2099
|
-
{
|
|
2100
|
-
"name": "nve-ref-color-neutral-1200",
|
|
2101
|
-
"value": "nve-ref-color-gray-slate-1200",
|
|
2102
|
-
"type": "color"
|
|
2103
|
-
},
|
|
2104
|
-
{
|
|
2105
|
-
"name": "nve-ref-font-family",
|
|
2106
|
-
"value": "nve-ref-font-family-inter",
|
|
2107
|
-
"description": "Use for default body text and UI elements"
|
|
2108
|
-
},
|
|
2109
|
-
{
|
|
2110
|
-
"name": "nve-ref-font-size-50",
|
|
2111
|
-
"value": "nve-ref-scale-text * 10px",
|
|
2112
|
-
"type": "fontSizes",
|
|
2113
|
-
"description": "Use for very small labels or compact UI text"
|
|
2114
|
-
},
|
|
2115
|
-
{
|
|
2116
|
-
"name": "nve-ref-font-size-100",
|
|
2117
|
-
"value": "nve-ref-scale-text * 12px",
|
|
2118
|
-
"type": "fontSizes",
|
|
2119
|
-
"description": "Use for small body text or compact labels"
|
|
2120
|
-
},
|
|
2121
|
-
{
|
|
2122
|
-
"name": "nve-ref-font-size-200",
|
|
2123
|
-
"value": "nve-ref-scale-text * 14px",
|
|
2124
|
-
"type": "fontSizes",
|
|
2125
|
-
"description": "Use for default body text, labels, and small headings"
|
|
2126
|
-
},
|
|
2127
|
-
{
|
|
2128
|
-
"name": "nve-ref-font-size-300",
|
|
2129
|
-
"value": "nve-ref-scale-text * 16px",
|
|
2130
|
-
"type": "fontSizes",
|
|
2131
|
-
"description": "Use for large body text or small headings"
|
|
2132
|
-
},
|
|
2133
|
-
{
|
|
2134
|
-
"name": "nve-ref-font-size-400",
|
|
2135
|
-
"value": "nve-ref-scale-text * 18px",
|
|
2136
|
-
"type": "fontSizes",
|
|
2137
|
-
"description": "Use for default headings or extra large body text"
|
|
2138
|
-
},
|
|
2139
|
-
{
|
|
2140
|
-
"name": "nve-ref-font-size-500",
|
|
2141
|
-
"value": "nve-ref-scale-text * 20px",
|
|
2142
|
-
"type": "fontSizes",
|
|
2143
|
-
"description": "Use for large headings"
|
|
2144
|
-
},
|
|
2145
|
-
{
|
|
2146
|
-
"name": "nve-ref-font-size-600",
|
|
2147
|
-
"value": "nve-ref-scale-text * 24px",
|
|
2148
|
-
"type": "fontSizes",
|
|
2149
|
-
"description": "Use for extra large headings"
|
|
2150
|
-
},
|
|
2151
|
-
{
|
|
2152
|
-
"name": "nve-ref-font-size-700",
|
|
2153
|
-
"value": "nve-ref-scale-text * 28px",
|
|
2154
|
-
"type": "fontSizes",
|
|
2155
|
-
"description": "Use for very large headings"
|
|
2156
|
-
},
|
|
2157
|
-
{
|
|
2158
|
-
"name": "nve-ref-font-size-800",
|
|
2159
|
-
"value": "nve-ref-scale-text * 32px",
|
|
2160
|
-
"type": "fontSizes",
|
|
2161
|
-
"description": "Use for prominent headings"
|
|
2162
|
-
},
|
|
2163
|
-
{
|
|
2164
|
-
"name": "nve-ref-font-size-900",
|
|
2165
|
-
"value": "nve-ref-scale-text * 36px",
|
|
2166
|
-
"type": "fontSizes",
|
|
2167
|
-
"description": "Use for small display text"
|
|
2168
|
-
},
|
|
2169
|
-
{
|
|
2170
|
-
"name": "nve-ref-font-size-1000",
|
|
2171
|
-
"value": "nve-ref-scale-text * 40px",
|
|
2172
|
-
"type": "fontSizes",
|
|
2173
|
-
"description": "Use for default display text"
|
|
2174
|
-
},
|
|
2175
|
-
{
|
|
2176
|
-
"name": "nve-ref-font-size-1100",
|
|
2177
|
-
"value": "nve-ref-scale-text * 44px",
|
|
2178
|
-
"type": "fontSizes",
|
|
2179
|
-
"description": "Use for large display text"
|
|
2180
|
-
},
|
|
2181
|
-
{
|
|
2182
|
-
"name": "nve-ref-font-size-1200",
|
|
2183
|
-
"value": "nve-ref-scale-text * 50px",
|
|
2184
|
-
"type": "fontSizes",
|
|
2185
|
-
"description": "Use for extra large display text"
|
|
2186
|
-
},
|
|
2187
|
-
{
|
|
2188
|
-
"name": "nve-ref-font-line-height-300",
|
|
2189
|
-
"value": "nve-ref-scale-line-height * 12px",
|
|
2190
|
-
"type": "lineHeights",
|
|
2191
|
-
"description": "Use when precise vertical spacing is needed for compact text"
|
|
2192
|
-
},
|
|
2193
|
-
{
|
|
2194
|
-
"name": "nve-ref-font-line-height-400",
|
|
2195
|
-
"value": "nve-ref-scale-line-height * 16px",
|
|
2196
|
-
"type": "lineHeights",
|
|
2197
|
-
"description": "Use when precise vertical spacing is needed for small text"
|
|
2198
|
-
},
|
|
2199
|
-
{
|
|
2200
|
-
"name": "nve-ref-font-line-height-500",
|
|
2201
|
-
"value": "nve-ref-scale-line-height * 20px",
|
|
2202
|
-
"type": "lineHeights",
|
|
2203
|
-
"description": "Use when precise vertical spacing is needed for body text"
|
|
2204
|
-
},
|
|
2205
|
-
{
|
|
2206
|
-
"name": "nve-ref-font-line-height-600",
|
|
2207
|
-
"value": "nve-ref-scale-line-height * 24px",
|
|
2208
|
-
"type": "lineHeights",
|
|
2209
|
-
"description": "Use when precise vertical spacing is needed for large text"
|
|
2210
|
-
},
|
|
2211
|
-
{
|
|
2212
|
-
"name": "nve-ref-font-line-height-700",
|
|
2213
|
-
"value": "nve-ref-scale-line-height * 28px",
|
|
2214
|
-
"type": "lineHeights",
|
|
2215
|
-
"description": "Use when precise vertical spacing is needed for headings"
|
|
2216
|
-
},
|
|
2217
|
-
{
|
|
2218
|
-
"name": "nve-ref-font-line-height-800",
|
|
2219
|
-
"value": "nve-ref-scale-line-height * 32px",
|
|
2220
|
-
"type": "lineHeights",
|
|
2221
|
-
"description": "Use when precise vertical spacing is needed for large headings"
|
|
2222
|
-
},
|
|
2223
|
-
{
|
|
2224
|
-
"name": "nve-ref-font-line-height-900",
|
|
2225
|
-
"value": "nve-ref-scale-line-height * 36px",
|
|
2226
|
-
"type": "lineHeights",
|
|
2227
|
-
"description": "Use when precise vertical spacing is needed for display text"
|
|
2228
|
-
},
|
|
2229
|
-
{
|
|
2230
|
-
"name": "nve-ref-font-line-height-1000",
|
|
2231
|
-
"value": "nve-ref-scale-line-height * 40px",
|
|
2232
|
-
"type": "lineHeights",
|
|
2233
|
-
"description": "Use when precise vertical spacing is needed for large display text"
|
|
2234
|
-
},
|
|
2235
|
-
{
|
|
2236
|
-
"name": "nve-ref-border-radius-none",
|
|
2237
|
-
"value": "nve-ref-scale-border-radius * 0px",
|
|
2238
|
-
"type": "borderRadius",
|
|
2239
|
-
"description": "Use for square corners with no rounding"
|
|
2240
|
-
},
|
|
2241
|
-
{
|
|
2242
|
-
"name": "nve-ref-border-radius-xs",
|
|
2243
|
-
"value": "nve-ref-scale-border-radius * 4px",
|
|
2244
|
-
"type": "borderRadius",
|
|
2245
|
-
"description": "Use for subtle corner rounding on compact elements"
|
|
2246
|
-
},
|
|
2247
|
-
{
|
|
2248
|
-
"name": "nve-ref-border-radius-sm",
|
|
2249
|
-
"value": "nve-ref-scale-border-radius * 6px",
|
|
2250
|
-
"type": "borderRadius",
|
|
2251
|
-
"description": "Use for slight corner rounding on form controls and small components"
|
|
2252
|
-
},
|
|
2253
|
-
{
|
|
2254
|
-
"name": "nve-ref-border-radius-md",
|
|
2255
|
-
"value": "nve-ref-scale-border-radius * 8px",
|
|
2256
|
-
"type": "borderRadius",
|
|
2257
|
-
"description": "Use for standard corner rounding on cards and panels"
|
|
2258
|
-
},
|
|
2259
|
-
{
|
|
2260
|
-
"name": "nve-ref-border-radius-lg",
|
|
2261
|
-
"value": "nve-ref-scale-border-radius * 14px",
|
|
2262
|
-
"type": "borderRadius",
|
|
2263
|
-
"description": "Use for generous corner rounding on large containers"
|
|
2264
|
-
},
|
|
2265
|
-
{
|
|
2266
|
-
"name": "nve-ref-border-radius-xl",
|
|
2267
|
-
"value": "nve-ref-scale-border-radius * 24px",
|
|
2268
|
-
"type": "borderRadius",
|
|
2269
|
-
"description": "Use for very rounded corners on prominent containers"
|
|
2270
|
-
},
|
|
2271
|
-
{
|
|
2272
|
-
"name": "nve-ref-border-radius-xxl",
|
|
2273
|
-
"value": "nve-ref-scale-border-radius * 48px",
|
|
2274
|
-
"type": "borderRadius",
|
|
2275
|
-
"description": "Use for maximum corner rounding on large containers"
|
|
2276
|
-
},
|
|
2277
|
-
{
|
|
2278
|
-
"name": "nve-ref-border-width-sm",
|
|
2279
|
-
"value": "nve-ref-scale-border-width * 1px",
|
|
2280
|
-
"type": "borderWidth",
|
|
2281
|
-
"description": "Use for subtle borders on cards and dividers"
|
|
2282
|
-
},
|
|
2283
|
-
{
|
|
2284
|
-
"name": "nve-ref-border-width-md",
|
|
2285
|
-
"value": "nve-ref-scale-border-width * 2px",
|
|
2286
|
-
"type": "borderWidth",
|
|
2287
|
-
"description": "Use for standard borders on containers and panels"
|
|
2288
|
-
},
|
|
2289
|
-
{
|
|
2290
|
-
"name": "nve-ref-border-width-lg",
|
|
2291
|
-
"value": "nve-ref-scale-border-width * 3px",
|
|
2292
|
-
"type": "borderWidth",
|
|
2293
|
-
"description": "Use for prominent borders on emphasized containers"
|
|
2294
|
-
},
|
|
2295
|
-
{
|
|
2296
|
-
"name": "nve-ref-border-width-xl",
|
|
2297
|
-
"value": "nve-ref-scale-border-width * 4px",
|
|
2298
|
-
"type": "borderWidth",
|
|
2299
|
-
"description": "Use for very thick borders on highly emphasized elements"
|
|
2300
|
-
},
|
|
2301
|
-
{
|
|
2302
|
-
"name": "nve-sys-text-white-color",
|
|
2303
|
-
"value": "nve-ref-color-white",
|
|
2304
|
-
"type": "color",
|
|
2305
|
-
"description": "Use for text that must appear on dark backgrounds"
|
|
2306
|
-
},
|
|
2307
|
-
{
|
|
2308
|
-
"name": "nve-sys-text-black-color",
|
|
2309
|
-
"value": "nve-ref-color-black",
|
|
2310
|
-
"type": "color",
|
|
2311
|
-
"description": "Use for text that must appear on light backgrounds"
|
|
2312
|
-
},
|
|
2313
|
-
{
|
|
2314
|
-
"name": "nve-sys-text-link-hover-color",
|
|
2315
|
-
"value": "nve-ref-color-blue-cobalt-1100",
|
|
2316
|
-
"type": "color",
|
|
2317
|
-
"description": "Use for link text when hovered or focused"
|
|
2318
|
-
},
|
|
2319
|
-
{
|
|
2320
|
-
"name": "nve-sys-text-link-visited-color",
|
|
2321
|
-
"value": "nve-ref-color-purple-lavender-1000",
|
|
2322
|
-
"type": "color",
|
|
2323
|
-
"description": "Use for visited link text"
|
|
2324
|
-
},
|
|
2325
|
-
{
|
|
2326
|
-
"name": "nve-sys-text-link-emphasis-color",
|
|
2327
|
-
"value": "nve-ref-color-blue-cobalt-1000",
|
|
2328
|
-
"type": "color",
|
|
2329
|
-
"description": "Use for emphasized link text"
|
|
2330
|
-
},
|
|
2331
|
-
{
|
|
2332
|
-
"name": "nve-sys-accent-primary-background",
|
|
2333
|
-
"value": "nve-ref-color-brand-green-900",
|
|
2334
|
-
"type": "color",
|
|
2335
|
-
"description": "Use for primary accent backgrounds and key visual elements"
|
|
2336
|
-
},
|
|
2337
|
-
{
|
|
2338
|
-
"name": "nve-sys-accent-secondary-background",
|
|
2339
|
-
"value": "nve-ref-color-blue-cobalt-1000",
|
|
2340
|
-
"type": "color",
|
|
2341
|
-
"description": "Use for secondary accent backgrounds and supporting visual elements"
|
|
2342
|
-
},
|
|
2343
|
-
{
|
|
2344
|
-
"name": "nve-sys-contrast-emphasis-color",
|
|
2345
|
-
"value": "nve-ref-color-white",
|
|
2346
|
-
"type": "color",
|
|
2347
|
-
"description": "Use when mixing colors for emphasized interactive states"
|
|
2348
|
-
},
|
|
2349
|
-
{
|
|
2350
|
-
"name": "nve-sys-interaction-destructive-background",
|
|
2351
|
-
"value": "nve-ref-color-red-cardinal-1100",
|
|
2352
|
-
"type": "color",
|
|
2353
|
-
"description": "Use for background color in destructive action buttons"
|
|
2354
|
-
},
|
|
2355
|
-
{
|
|
2356
|
-
"name": "nve-sys-interaction-highlighted-background",
|
|
2357
|
-
"value": "nve-ref-color-blue-cobalt-500",
|
|
2358
|
-
"type": "color",
|
|
2359
|
-
"description": "Use for background color in highlighted interactive elements"
|
|
2360
|
-
},
|
|
2361
|
-
{
|
|
2362
|
-
"name": "nve-sys-interaction-highlighted-muted-background",
|
|
2363
|
-
"value": "nve-ref-color-blue-cobalt-300",
|
|
2364
|
-
"type": "color",
|
|
2365
|
-
"description": "Use for subtle highlighted element backgrounds"
|
|
2366
|
-
},
|
|
2367
|
-
{
|
|
2368
|
-
"name": "nve-sys-layer-container-background",
|
|
2369
|
-
"value": "nve-ref-color-white",
|
|
2370
|
-
"type": "color",
|
|
2371
|
-
"description": "Use for card, panel, and tab container backgrounds"
|
|
2372
|
-
},
|
|
2373
|
-
{
|
|
2374
|
-
"name": "nve-sys-layer-overlay-background",
|
|
2375
|
-
"value": "nve-ref-color-white",
|
|
2376
|
-
"type": "color",
|
|
2377
|
-
"description": "Use for modal, drawer, and dropdown menu backgrounds"
|
|
2378
|
-
},
|
|
2379
|
-
{
|
|
2380
|
-
"name": "nve-sys-layer-backdrop-background",
|
|
2381
|
-
"value": "nve-ref-color-alpha-black-400",
|
|
2382
|
-
"type": "color",
|
|
2383
|
-
"description": "Use for backdrop behind modals and overlays to dim the background"
|
|
2384
|
-
},
|
|
2385
|
-
{
|
|
2386
|
-
"name": "nve-sys-status-scheduled-color",
|
|
2387
|
-
"value": "nve-ref-color-purple-violet-1100",
|
|
2388
|
-
"type": "color",
|
|
2389
|
-
"description": "Use for scheduled task status indicators"
|
|
2390
|
-
},
|
|
2391
|
-
{
|
|
2392
|
-
"name": "nve-sys-status-queued-color",
|
|
2393
|
-
"value": "nve-ref-color-blue-indigo-1100",
|
|
2394
|
-
"type": "color",
|
|
2395
|
-
"description": "Use for queued task status indicators"
|
|
2396
|
-
},
|
|
2397
|
-
{
|
|
2398
|
-
"name": "nve-sys-status-starting-color",
|
|
2399
|
-
"value": "nve-ref-color-green-mint-1100",
|
|
2400
|
-
"type": "color",
|
|
2401
|
-
"description": "Use for starting task status indicators"
|
|
2402
|
-
},
|
|
2403
|
-
{
|
|
2404
|
-
"name": "nve-sys-status-running-color",
|
|
2405
|
-
"value": "nve-ref-color-blue-cobalt-1100",
|
|
2406
|
-
"type": "color",
|
|
2407
|
-
"description": "Use for running task status indicators"
|
|
2408
|
-
},
|
|
2409
|
-
{
|
|
2410
|
-
"name": "nve-sys-status-restarting-color",
|
|
2411
|
-
"value": "nve-ref-color-yellow-amber-1100",
|
|
2412
|
-
"type": "color",
|
|
2413
|
-
"description": "Use for restarting task status indicators"
|
|
2414
|
-
},
|
|
2415
|
-
{
|
|
2416
|
-
"name": "nve-sys-status-stopping-color",
|
|
2417
|
-
"value": "nve-ref-color-pink-rose-1100",
|
|
2418
|
-
"type": "color",
|
|
2419
|
-
"description": "Use for stopping task status indicators"
|
|
2420
|
-
},
|
|
2421
|
-
{
|
|
2422
|
-
"name": "nve-sys-status-finished-color",
|
|
2423
|
-
"value": "nve-ref-color-green-grass-1100",
|
|
2424
|
-
"type": "color",
|
|
2425
|
-
"description": "Use for finished task status indicators"
|
|
2426
|
-
},
|
|
2427
|
-
{
|
|
2428
|
-
"name": "nve-sys-status-failed-color",
|
|
2429
|
-
"value": "nve-ref-color-red-cardinal-1100",
|
|
2430
|
-
"type": "color",
|
|
2431
|
-
"description": "Use for failed task status indicators"
|
|
2432
|
-
},
|
|
2433
|
-
{
|
|
2434
|
-
"name": "nve-sys-support-accent-muted-color",
|
|
2435
|
-
"value": "nve-ref-color-blue-cobalt-400",
|
|
2436
|
-
"type": "color",
|
|
2437
|
-
"description": "Use for subtle accent UI feedback text and icons"
|
|
2438
|
-
},
|
|
2439
|
-
{
|
|
2440
|
-
"name": "nve-sys-support-accent-emphasis-color",
|
|
2441
|
-
"value": "nve-ref-color-blue-cobalt-1100",
|
|
2442
|
-
"type": "color",
|
|
2443
|
-
"description": "Use for emphasized accent UI feedback text and icons"
|
|
2444
|
-
},
|
|
2445
|
-
{
|
|
2446
|
-
"name": "nve-sys-support-success-color",
|
|
2447
|
-
"value": "nve-ref-color-green-grass-1100",
|
|
2448
|
-
"type": "color",
|
|
2449
|
-
"description": "Use for success feedback text and icons in alerts and badges"
|
|
2450
|
-
},
|
|
2451
|
-
{
|
|
2452
|
-
"name": "nve-sys-support-success-muted-color",
|
|
2453
|
-
"value": "nve-ref-color-green-grass-400",
|
|
2454
|
-
"type": "color",
|
|
2455
|
-
"description": "Use for subtle success feedback text and icons"
|
|
2456
|
-
},
|
|
2457
|
-
{
|
|
2458
|
-
"name": "nve-sys-support-success-emphasis-color",
|
|
2459
|
-
"value": "nve-ref-color-green-grass-1100",
|
|
2460
|
-
"type": "color",
|
|
2461
|
-
"description": "Use for emphasized success feedback text and icons"
|
|
2462
|
-
},
|
|
2463
|
-
{
|
|
2464
|
-
"name": "nve-sys-support-danger-color",
|
|
2465
|
-
"value": "nve-ref-color-red-cardinal-1100",
|
|
2466
|
-
"type": "color",
|
|
2467
|
-
"description": "Use for error feedback text and icons in alerts and badges"
|
|
2468
|
-
},
|
|
2469
|
-
{
|
|
2470
|
-
"name": "nve-sys-support-danger-muted-color",
|
|
2471
|
-
"value": "nve-ref-color-red-cardinal-400",
|
|
2472
|
-
"type": "color",
|
|
2473
|
-
"description": "Use for subtle error feedback text and icons"
|
|
2474
|
-
},
|
|
2475
|
-
{
|
|
2476
|
-
"name": "nve-sys-support-danger-emphasis-color",
|
|
2477
|
-
"value": "nve-ref-color-red-cardinal-1100",
|
|
2478
|
-
"type": "color",
|
|
2479
|
-
"description": "Use for emphasized error feedback text and icons"
|
|
2480
|
-
},
|
|
2481
|
-
{
|
|
2482
|
-
"name": "nve-sys-support-warning-color",
|
|
2483
|
-
"value": "nve-ref-color-yellow-nova-800",
|
|
2484
|
-
"type": "color",
|
|
2485
|
-
"description": "Use for warning feedback text and icons in alerts and badges"
|
|
2486
|
-
},
|
|
2487
|
-
{
|
|
2488
|
-
"name": "nve-sys-support-warning-muted-color",
|
|
2489
|
-
"value": "nve-ref-color-yellow-nova-300",
|
|
2490
|
-
"type": "color",
|
|
2491
|
-
"description": "Use for subtle warning feedback text and icons"
|
|
2492
|
-
},
|
|
2493
|
-
{
|
|
2494
|
-
"name": "nve-sys-support-warning-emphasis-color",
|
|
2495
|
-
"value": "nve-ref-color-yellow-nova-1000",
|
|
2496
|
-
"type": "color",
|
|
2497
|
-
"description": "Use for emphasized warning feedback text and icons"
|
|
2498
|
-
},
|
|
2499
|
-
{
|
|
2500
|
-
"name": "nve-sys-visualization-categorical-violet",
|
|
2501
|
-
"value": "nve-ref-color-purple-violet-1000",
|
|
2502
|
-
"type": "color",
|
|
2503
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2504
|
-
},
|
|
2505
|
-
{
|
|
2506
|
-
"name": "nve-sys-visualization-categorical-lavender",
|
|
2507
|
-
"value": "nve-ref-color-purple-lavender-900",
|
|
2508
|
-
"type": "color",
|
|
2509
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2510
|
-
},
|
|
2511
|
-
{
|
|
2512
|
-
"name": "nve-sys-visualization-categorical-rose",
|
|
2513
|
-
"value": "nve-ref-color-pink-rose-900",
|
|
2514
|
-
"type": "color",
|
|
2515
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2516
|
-
},
|
|
2517
|
-
{
|
|
2518
|
-
"name": "nve-sys-visualization-categorical-red",
|
|
2519
|
-
"value": "nve-ref-color-red-cardinal-1000",
|
|
2520
|
-
"type": "color",
|
|
2521
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2522
|
-
},
|
|
2523
|
-
{
|
|
2524
|
-
"name": "nve-sys-visualization-categorical-pumpkin",
|
|
2525
|
-
"value": "nve-ref-color-orange-pumpkin-900",
|
|
2526
|
-
"type": "color",
|
|
2527
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2528
|
-
},
|
|
2529
|
-
{
|
|
2530
|
-
"name": "nve-sys-visualization-categorical-amber",
|
|
2531
|
-
"value": "nve-ref-color-yellow-amber-1000",
|
|
2532
|
-
"type": "color",
|
|
2533
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2534
|
-
},
|
|
2535
|
-
{
|
|
2536
|
-
"name": "nve-sys-visualization-categorical-nova",
|
|
2537
|
-
"value": "nve-ref-color-yellow-nova-800",
|
|
2538
|
-
"type": "color",
|
|
2539
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2540
|
-
},
|
|
2541
|
-
{
|
|
2542
|
-
"name": "nve-sys-visualization-categorical-pear",
|
|
2543
|
-
"value": "nve-ref-color-lime-pear-900",
|
|
2544
|
-
"type": "color",
|
|
2545
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2546
|
-
},
|
|
2547
|
-
{
|
|
2548
|
-
"name": "nve-sys-visualization-categorical-grass",
|
|
2549
|
-
"value": "nve-ref-color-green-grass-1000",
|
|
2550
|
-
"type": "color",
|
|
2551
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2552
|
-
},
|
|
2553
|
-
{
|
|
2554
|
-
"name": "nve-sys-visualization-categorical-seafoam",
|
|
2555
|
-
"value": "nve-ref-color-teal-seafoam-900",
|
|
2556
|
-
"type": "color",
|
|
2557
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2558
|
-
},
|
|
2559
|
-
{
|
|
2560
|
-
"name": "nve-sys-visualization-categorical-cyan",
|
|
2561
|
-
"value": "nve-ref-color-teal-cyan-800",
|
|
2562
|
-
"type": "color",
|
|
2563
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2564
|
-
},
|
|
2565
|
-
{
|
|
2566
|
-
"name": "nve-sys-visualization-trend-negative-color",
|
|
2567
|
-
"value": "nve-ref-color-red-cardinal-1000",
|
|
2568
|
-
"type": "color",
|
|
2569
|
-
"description": "Use for negative trend indicators in data visualizations"
|
|
2570
|
-
},
|
|
2571
|
-
{
|
|
2572
|
-
"name": "nve-sys-visualization-trend-negative-emphasis-color",
|
|
2573
|
-
"value": "nve-ref-color-red-cardinal-1100",
|
|
2574
|
-
"type": "color",
|
|
2575
|
-
"description": "Use for emphasized negative trend indicators in data visualizations"
|
|
2576
|
-
},
|
|
2577
|
-
{
|
|
2578
|
-
"name": "nve-sys-visualization-trend-positive-color",
|
|
2579
|
-
"value": "nve-ref-color-green-grass-1000",
|
|
2580
|
-
"type": "color",
|
|
2581
|
-
"description": "Use for positive trend indicators in data visualizations"
|
|
2582
|
-
},
|
|
2583
|
-
{
|
|
2584
|
-
"name": "nve-sys-visualization-trend-positive-emphasis-color",
|
|
2585
|
-
"value": "nve-ref-color-green-grass-1100",
|
|
2586
|
-
"type": "color",
|
|
2587
|
-
"description": "Use for emphasized positive trend indicators in data visualizations"
|
|
2588
|
-
},
|
|
2589
|
-
{
|
|
2590
|
-
"name": "nve-sys-scrollbar-track-color",
|
|
2591
|
-
"value": "nve-ref-color-alpha-black-200",
|
|
2592
|
-
"type": "color",
|
|
2593
|
-
"description": "Use for scrollbar track color in scrollable containers"
|
|
2594
|
-
},
|
|
2595
|
-
{
|
|
2596
|
-
"name": "nve-ref-border-color",
|
|
2597
|
-
"value": "nve-ref-color-neutral-800",
|
|
2598
|
-
"type": "color",
|
|
2599
|
-
"description": "Use for default borders that match the standard color scheme"
|
|
2600
|
-
},
|
|
2601
|
-
{
|
|
2602
|
-
"name": "nve-ref-border-color-emphasis",
|
|
2603
|
-
"value": "nve-ref-color-neutral-1000",
|
|
2604
|
-
"type": "color",
|
|
2605
|
-
"description": "Use for borders that need high contrast and emphasis"
|
|
2606
|
-
},
|
|
2607
|
-
{
|
|
2608
|
-
"name": "nve-ref-border-color-muted",
|
|
2609
|
-
"value": "nve-ref-color-neutral-700",
|
|
2610
|
-
"type": "color",
|
|
2611
|
-
"description": "Use for subtle borders that blend with backgrounds"
|
|
2612
|
-
},
|
|
2613
|
-
{
|
|
2614
|
-
"name": "nve-ref-border-color-inverse",
|
|
2615
|
-
"value": "nve-ref-color-scheme-inverse",
|
|
2616
|
-
"type": "color",
|
|
2617
|
-
"description": "Use for borders on inverse color scheme backgrounds"
|
|
2618
|
-
},
|
|
2619
|
-
{
|
|
2620
|
-
"name": "nve-sys-text-color",
|
|
2621
|
-
"value": "nve-ref-color-neutral-1200",
|
|
2622
|
-
"type": "color",
|
|
2623
|
-
"description": "Use for default body text and general content"
|
|
2624
|
-
},
|
|
2625
|
-
{
|
|
2626
|
-
"name": "nve-sys-text-muted-color",
|
|
2627
|
-
"value": "nve-ref-color-neutral-1100",
|
|
2628
|
-
"type": "color",
|
|
2629
|
-
"description": "Use for secondary text, labels, and less prominent content"
|
|
2630
|
-
},
|
|
2631
|
-
{
|
|
2632
|
-
"name": "nve-sys-text-emphasis-color",
|
|
2633
|
-
"value": "nve-ref-color-neutral-1200",
|
|
2634
|
-
"type": "color",
|
|
2635
|
-
"description": "Use for highlighted text, selected items, and high-priority content"
|
|
2636
|
-
},
|
|
2637
|
-
{
|
|
2638
|
-
"name": "nve-sys-text-placeholder-color",
|
|
2639
|
-
"value": "nve-ref-color-neutral-900",
|
|
2640
|
-
"type": "color",
|
|
2641
|
-
"description": "Use for placeholder text in input fields and form controls"
|
|
2642
|
-
},
|
|
2643
|
-
{
|
|
2644
|
-
"name": "nve-sys-text-link-color",
|
|
2645
|
-
"value": "nve-ref-color-neutral-1200",
|
|
2646
|
-
"type": "color",
|
|
2647
|
-
"description": "Use for default link text color"
|
|
2648
|
-
},
|
|
2649
|
-
{
|
|
2650
|
-
"name": "nve-sys-text-link-disabled-color",
|
|
2651
|
-
"value": "nve-ref-color-neutral-400",
|
|
2652
|
-
"type": "color",
|
|
2653
|
-
"description": "Use for disabled link text"
|
|
2654
|
-
},
|
|
2655
|
-
{
|
|
2656
|
-
"name": "nve-sys-accent-tertiary-background",
|
|
2657
|
-
"value": "nve-ref-color-scheme-inverse",
|
|
2658
|
-
"type": "color",
|
|
2659
|
-
"description": "Use for tertiary accent backgrounds and subtle visual elements"
|
|
2660
|
-
},
|
|
2661
|
-
{
|
|
2662
|
-
"name": "nve-sys-contrast-mute-color",
|
|
2663
|
-
"value": "nve-ref-color-scheme-base",
|
|
2664
|
-
"type": "color",
|
|
2665
|
-
"description": "Use when mixing colors for muted or subdued backgrounds"
|
|
2666
|
-
},
|
|
2667
|
-
{
|
|
2668
|
-
"name": "nve-sys-interaction-color",
|
|
2669
|
-
"value": "nve-ref-color-neutral-1200",
|
|
2670
|
-
"type": "color",
|
|
2671
|
-
"description": "Use for default interactive element text color"
|
|
2672
|
-
},
|
|
2673
|
-
{
|
|
2674
|
-
"name": "nve-sys-interaction-background",
|
|
2675
|
-
"value": "nve-ref-color-neutral-600",
|
|
2676
|
-
"type": "color",
|
|
2677
|
-
"description": "Use for default interactive element backgrounds"
|
|
2678
|
-
},
|
|
2679
|
-
{
|
|
2680
|
-
"name": "nve-sys-interaction-background-100",
|
|
2681
|
-
"value": "nve-ref-color-neutral-600",
|
|
2682
|
-
"type": "color",
|
|
2683
|
-
"description": "Use for subtle interactive element backgrounds"
|
|
2684
|
-
},
|
|
2685
|
-
{
|
|
2686
|
-
"name": "nve-sys-interaction-background-200",
|
|
2687
|
-
"value": "nve-ref-color-neutral-500",
|
|
2688
|
-
"type": "color",
|
|
2689
|
-
"description": "Use for standard interactive element backgrounds"
|
|
2690
|
-
},
|
|
2691
|
-
{
|
|
2692
|
-
"name": "nve-sys-interaction-background-300",
|
|
2693
|
-
"value": "nve-ref-color-neutral-500",
|
|
2694
|
-
"type": "color",
|
|
2695
|
-
"description": "Use for elevated interactive element backgrounds"
|
|
2696
|
-
},
|
|
2697
|
-
{
|
|
2698
|
-
"name": "nve-sys-interaction-field-height",
|
|
2699
|
-
"value": "nve-ref-size-800",
|
|
2700
|
-
"type": "sizing",
|
|
2701
|
-
"description": "Use for standard height of form inputs and buttons"
|
|
2702
|
-
},
|
|
2703
|
-
{
|
|
2704
|
-
"name": "nve-sys-interaction-emphasis-color",
|
|
2705
|
-
"value": "nve-sys-text-black-color",
|
|
2706
|
-
"type": "color",
|
|
2707
|
-
"description": "Use for text color in primary call-to-action buttons"
|
|
2708
|
-
},
|
|
2709
|
-
{
|
|
2710
|
-
"name": "nve-sys-interaction-emphasis-background",
|
|
2711
|
-
"value": "nve-sys-accent-primary-background",
|
|
2712
|
-
"type": "color",
|
|
2713
|
-
"description": "Use for background color in primary call-to-action buttons"
|
|
2714
|
-
},
|
|
2715
|
-
{
|
|
2716
|
-
"name": "nve-sys-interaction-destructive-color",
|
|
2717
|
-
"value": "nve-sys-text-white-color",
|
|
2718
|
-
"type": "color",
|
|
2719
|
-
"description": "Use for text color in destructive action buttons"
|
|
2720
|
-
},
|
|
2721
|
-
{
|
|
2722
|
-
"name": "nve-sys-interaction-disabled-color",
|
|
2723
|
-
"value": "nve-ref-color-neutral-800",
|
|
2724
|
-
"type": "color",
|
|
2725
|
-
"description": "Use for text color in disabled interactive elements"
|
|
2726
|
-
},
|
|
2727
|
-
{
|
|
2728
|
-
"name": "nve-sys-interaction-disabled-background",
|
|
2729
|
-
"value": "nve-ref-color-neutral-600",
|
|
2730
|
-
"type": "color",
|
|
2731
|
-
"description": "Use for background color in disabled interactive elements"
|
|
2732
|
-
},
|
|
2733
|
-
{
|
|
2734
|
-
"name": "nve-sys-interaction-state-mix",
|
|
2735
|
-
"value": "nve-ref-color-neutral-1200",
|
|
2736
|
-
"description": "Use as the mix color when computing dynamic interaction states"
|
|
2737
|
-
},
|
|
2738
|
-
{
|
|
2739
|
-
"name": "nve-sys-layer-canvas-background",
|
|
2740
|
-
"value": "nve-ref-color-neutral-300",
|
|
2741
|
-
"type": "color",
|
|
2742
|
-
"description": "Use for page body background, the base surface in the layer hierarchy"
|
|
2743
|
-
},
|
|
2744
|
-
{
|
|
2745
|
-
"name": "nve-sys-layer-canvas-accent-background",
|
|
2746
|
-
"value": "nve-ref-color-neutral-400",
|
|
2747
|
-
"type": "color",
|
|
2748
|
-
"description": "Use for subtle accent backgrounds on the page body"
|
|
2749
|
-
},
|
|
2750
|
-
{
|
|
2751
|
-
"name": "nve-sys-layer-shell-background",
|
|
2752
|
-
"value": "nve-ref-color-scheme-base",
|
|
2753
|
-
"type": "color",
|
|
2754
|
-
"description": "Use for application shell or navigation bar backgrounds"
|
|
2755
|
-
},
|
|
2756
|
-
{
|
|
2757
|
-
"name": "nve-sys-layer-shell-accent-background",
|
|
2758
|
-
"value": "nve-ref-color-neutral-100",
|
|
2759
|
-
"type": "color",
|
|
2760
|
-
"description": "Use for subtle accent backgrounds on the application shell"
|
|
2761
|
-
},
|
|
2762
|
-
{
|
|
2763
|
-
"name": "nve-sys-layer-container-accent-background",
|
|
2764
|
-
"value": "nve-ref-color-neutral-100",
|
|
2765
|
-
"type": "color",
|
|
2766
|
-
"description": "Use for subtle accent backgrounds within containers"
|
|
2767
|
-
},
|
|
2768
|
-
{
|
|
2769
|
-
"name": "nve-sys-layer-overlay-accent-background",
|
|
2770
|
-
"value": "nve-ref-color-neutral-100",
|
|
2771
|
-
"type": "color",
|
|
2772
|
-
"description": "Use for subtle accent backgrounds within overlays"
|
|
2773
|
-
},
|
|
2774
|
-
{
|
|
2775
|
-
"name": "nve-sys-layer-popover-background",
|
|
2776
|
-
"value": "nve-ref-color-neutral-1200",
|
|
2777
|
-
"type": "color",
|
|
2778
|
-
"description": "Use for tooltip, toast, and notification backgrounds"
|
|
2779
|
-
},
|
|
2780
|
-
{
|
|
2781
|
-
"name": "nve-sys-layer-popover-color",
|
|
2782
|
-
"value": "nve-sys-text-white-color",
|
|
2783
|
-
"type": "color",
|
|
2784
|
-
"description": "Use for text color on popover surfaces"
|
|
2785
|
-
},
|
|
2786
|
-
{
|
|
2787
|
-
"name": "nve-sys-layer-popover-accent-background",
|
|
2788
|
-
"value": "nve-ref-color-neutral-1100",
|
|
2789
|
-
"type": "color",
|
|
2790
|
-
"description": "Use for subtle accent backgrounds within popovers"
|
|
2791
|
-
},
|
|
2792
|
-
{
|
|
2793
|
-
"name": "nve-sys-layer-popover-offset",
|
|
2794
|
-
"value": "nve-ref-size-50",
|
|
2795
|
-
"type": "spacing",
|
|
2796
|
-
"description": "Use for spacing between popover and its anchor element"
|
|
2797
|
-
},
|
|
2798
|
-
{
|
|
2799
|
-
"name": "nve-sys-layer-popover-arrow-offset",
|
|
2800
|
-
"value": "nve-ref-size-100",
|
|
2801
|
-
"type": "spacing",
|
|
2802
|
-
"description": "Use for positioning popover arrow indicators"
|
|
2803
|
-
},
|
|
2804
|
-
{
|
|
2805
|
-
"name": "nve-sys-layer-popover-arrow-padding",
|
|
2806
|
-
"value": "nve-ref-size-150",
|
|
2807
|
-
"type": "spacing",
|
|
2808
|
-
"description": "Use for padding around popover arrow indicators"
|
|
2809
|
-
},
|
|
2810
|
-
{
|
|
2811
|
-
"name": "nve-sys-status-color",
|
|
2812
|
-
"value": "nve-ref-color-neutral-1000",
|
|
2813
|
-
"type": "color",
|
|
2814
|
-
"description": "Use for default task status indicators"
|
|
2815
|
-
},
|
|
2816
|
-
{
|
|
2817
|
-
"name": "nve-sys-status-pending-color",
|
|
2818
|
-
"value": "nve-ref-color-neutral-1100",
|
|
2819
|
-
"type": "color",
|
|
2820
|
-
"description": "Use for pending task status indicators"
|
|
2821
|
-
},
|
|
2822
|
-
{
|
|
2823
|
-
"name": "nve-sys-status-unknown-color",
|
|
2824
|
-
"value": "nve-sys-text-black-color",
|
|
2825
|
-
"type": "color",
|
|
2826
|
-
"description": "Use for unknown task status indicators"
|
|
2827
|
-
},
|
|
2828
|
-
{
|
|
2829
|
-
"name": "nve-sys-status-ignored-color",
|
|
2830
|
-
"value": "nve-ref-color-neutral-1100",
|
|
2831
|
-
"type": "color",
|
|
2832
|
-
"description": "Use for ignored task status indicators"
|
|
2833
|
-
},
|
|
2834
|
-
{
|
|
2835
|
-
"name": "nve-sys-support-color",
|
|
2836
|
-
"value": "nve-ref-color-neutral-1000",
|
|
2837
|
-
"type": "color",
|
|
2838
|
-
"description": "Use for default UI feedback text and icons"
|
|
2839
|
-
},
|
|
2840
|
-
{
|
|
2841
|
-
"name": "nve-sys-support-muted-color",
|
|
2842
|
-
"value": "nve-ref-color-neutral-600",
|
|
2843
|
-
"type": "color",
|
|
2844
|
-
"description": "Use for subtle default UI feedback text and icons"
|
|
2845
|
-
},
|
|
2846
|
-
{
|
|
2847
|
-
"name": "nve-sys-support-emphasis-color",
|
|
2848
|
-
"value": "nve-ref-color-neutral-1000",
|
|
2849
|
-
"type": "color",
|
|
2850
|
-
"description": "Use for emphasized default UI feedback text and icons"
|
|
2851
|
-
},
|
|
2852
|
-
{
|
|
2853
|
-
"name": "nve-sys-support-accent-color",
|
|
2854
|
-
"value": "nve-sys-accent-secondary-background",
|
|
2855
|
-
"type": "color",
|
|
2856
|
-
"description": "Use for accent UI feedback text and icons"
|
|
2857
|
-
},
|
|
2858
|
-
{
|
|
2859
|
-
"name": "nve-sys-visualization-categorical-slate",
|
|
2860
|
-
"value": "nve-ref-color-neutral-1000",
|
|
2861
|
-
"type": "color",
|
|
2862
|
-
"description": "Use for categorical data visualization when representing distinct groups"
|
|
2863
|
-
},
|
|
2864
|
-
{
|
|
2865
|
-
"name": "nve-sys-visualization-sequential-diverging-red-green-500",
|
|
2866
|
-
"value": "nve-ref-color-neutral-400",
|
|
2867
|
-
"type": "color",
|
|
2868
|
-
"description": "Use for neutral values at the center point of a diverging scale"
|
|
2869
|
-
},
|
|
2870
|
-
{
|
|
2871
|
-
"name": "nve-sys-interaction-field-color",
|
|
2872
|
-
"value": "nve-sys-interaction-color",
|
|
2873
|
-
"type": "color",
|
|
2874
|
-
"description": "Use for text color in form inputs and text fields"
|
|
2875
|
-
},
|
|
2876
|
-
{
|
|
2877
|
-
"name": "nve-sys-interaction-field-background",
|
|
2878
|
-
"value": "nve-sys-interaction-background",
|
|
2879
|
-
"type": "color",
|
|
2880
|
-
"description": "Use for background color in form inputs and text fields"
|
|
2881
|
-
},
|
|
2882
|
-
{
|
|
2883
|
-
"name": "nve-sys-interaction-field-background-100",
|
|
2884
|
-
"value": "nve-sys-interaction-background-100",
|
|
2885
|
-
"type": "color",
|
|
2886
|
-
"description": "Use for subtle form input backgrounds"
|
|
2887
|
-
},
|
|
2888
|
-
{
|
|
2889
|
-
"name": "nve-sys-interaction-field-background-200",
|
|
2890
|
-
"value": "nve-sys-interaction-background-200",
|
|
2891
|
-
"type": "color",
|
|
2892
|
-
"description": "Use for standard form input backgrounds"
|
|
2893
|
-
},
|
|
2894
|
-
{
|
|
2895
|
-
"name": "nve-sys-interaction-field-background-300",
|
|
2896
|
-
"value": "nve-sys-interaction-background-300",
|
|
2897
|
-
"type": "color",
|
|
2898
|
-
"description": "Use for elevated form input backgrounds"
|
|
2899
|
-
},
|
|
2900
|
-
{
|
|
2901
|
-
"name": "nve-sys-interaction-highlighted-color",
|
|
2902
|
-
"value": "nve-sys-interaction-color",
|
|
2903
|
-
"type": "color",
|
|
2904
|
-
"description": "Use for text color in highlighted interactive elements"
|
|
2905
|
-
},
|
|
2906
|
-
{
|
|
2907
|
-
"name": "nve-sys-interaction-hover-color",
|
|
2908
|
-
"value": "nve-sys-text-emphasis-color",
|
|
2909
|
-
"type": "color",
|
|
2910
|
-
"description": "Use for text color when hovering over interactive elements"
|
|
2911
|
-
},
|
|
2912
|
-
{
|
|
2913
|
-
"name": "nve-sys-interaction-hover-background",
|
|
2914
|
-
"value": "nve-sys-interaction-background",
|
|
2915
|
-
"type": "color",
|
|
2916
|
-
"description": "Use for background color when hovering over interactive elements"
|
|
2917
|
-
},
|
|
2918
|
-
{
|
|
2919
|
-
"name": "nve-sys-interaction-selected-color",
|
|
2920
|
-
"value": "nve-sys-text-emphasis-color",
|
|
2921
|
-
"type": "color",
|
|
2922
|
-
"description": "Use for text color in selected interactive elements"
|
|
2923
|
-
},
|
|
2924
|
-
{
|
|
2925
|
-
"name": "nve-sys-interaction-selected-background",
|
|
2926
|
-
"value": "nve-sys-interaction-background",
|
|
2927
|
-
"type": "color",
|
|
2928
|
-
"description": "Use for background color in selected interactive elements"
|
|
2929
|
-
},
|
|
2930
|
-
{
|
|
2931
|
-
"name": "nve-sys-interaction-state-base",
|
|
2932
|
-
"value": "nve-sys-interaction-background",
|
|
2933
|
-
"type": "color",
|
|
2934
|
-
"description": "Use as the base color when computing dynamic interaction states"
|
|
2935
|
-
},
|
|
2936
|
-
{
|
|
2937
|
-
"name": "nve-sys-layer-canvas-color",
|
|
2938
|
-
"value": "nve-sys-text-color",
|
|
2939
|
-
"type": "color",
|
|
2940
|
-
"description": "Use for text color on the page body background"
|
|
2941
|
-
},
|
|
2942
|
-
{
|
|
2943
|
-
"name": "nve-sys-layer-shell-color",
|
|
2944
|
-
"value": "nve-sys-text-color",
|
|
2945
|
-
"type": "color",
|
|
2946
|
-
"description": "Use for text color on the application shell"
|
|
2947
|
-
},
|
|
2948
|
-
{
|
|
2949
|
-
"name": "nve-sys-layer-container-color",
|
|
2950
|
-
"value": "nve-sys-text-color",
|
|
2951
|
-
"type": "color",
|
|
2952
|
-
"description": "Use for text color on container surfaces"
|
|
2953
|
-
},
|
|
2954
|
-
{
|
|
2955
|
-
"name": "nve-sys-layer-overlay-color",
|
|
2956
|
-
"value": "nve-sys-text-color",
|
|
2957
|
-
"type": "color",
|
|
2958
|
-
"description": "Use for text color on overlay surfaces"
|
|
2959
|
-
},
|
|
2960
|
-
{
|
|
2961
|
-
"name": "nve-sys-scrollbar-thumb-color",
|
|
2962
|
-
"value": "nve-ref-border-color-muted",
|
|
2963
|
-
"type": "color",
|
|
2964
|
-
"description": "Use for scrollbar thumb color in scrollable containers"
|
|
2965
|
-
}
|
|
2966
|
-
]
|