@momentum-design/tokens 0.0.40 → 0.0.42

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.
Files changed (43) hide show
  1. package/dist/css/core/complete.css +1 -1
  2. package/dist/css/theme/aaos/day-complete.css +20 -20
  3. package/dist/css/theme/aaos/night-complete.css +21 -21
  4. package/dist/css/theme/webex/common-stable.css +2 -1
  5. package/dist/css/theme/webex/dark-complete.css +1 -1
  6. package/dist/css/theme/webex/dark-stable.css +2 -1
  7. package/dist/css/theme/webex/light-complete.css +1 -1
  8. package/dist/css/theme/webex/light-stable.css +2 -1
  9. package/dist/ios/core/complete.swift +1 -1
  10. package/dist/ios/theme/aaos/day-complete.swift +5 -5
  11. package/dist/ios/theme/aaos/night-complete.swift +5 -5
  12. package/dist/ios/theme/webex/common-stable.swift +2 -1
  13. package/dist/ios/theme/webex/dark-complete.swift +1 -1
  14. package/dist/ios/theme/webex/dark-stable.swift +2 -1
  15. package/dist/ios/theme/webex/light-complete.swift +1 -1
  16. package/dist/ios/theme/webex/light-stable.swift +2 -1
  17. package/dist/json/theme/aaos/day-complete.json +557 -557
  18. package/dist/json/theme/aaos/night-complete.json +530 -530
  19. package/dist/json/theme/webex/common-stable.json +30 -0
  20. package/dist/json/theme/webex/dark-stable.json +30 -0
  21. package/dist/json/theme/webex/light-stable.json +30 -0
  22. package/dist/json-minimal/theme/aaos/day-complete.json +49 -49
  23. package/dist/json-minimal/theme/aaos/night-complete.json +50 -50
  24. package/dist/json-minimal/theme/webex/common-stable.json +3 -0
  25. package/dist/json-minimal/theme/webex/dark-stable.json +3 -0
  26. package/dist/json-minimal/theme/webex/light-stable.json +3 -0
  27. package/dist/resources/core/complete.xml +1 -1
  28. package/dist/resources/theme/aaos/day-complete.xml +20 -20
  29. package/dist/resources/theme/aaos/night-complete.xml +21 -21
  30. package/dist/resources/theme/webex/common-stable.xml +2 -1
  31. package/dist/resources/theme/webex/dark-complete.xml +1 -1
  32. package/dist/resources/theme/webex/dark-stable.xml +2 -1
  33. package/dist/resources/theme/webex/light-complete.xml +1 -1
  34. package/dist/resources/theme/webex/light-stable.xml +2 -1
  35. package/dist/scss/core/complete.scss +1 -1
  36. package/dist/scss/theme/aaos/day-complete.scss +20 -20
  37. package/dist/scss/theme/aaos/night-complete.scss +21 -21
  38. package/dist/scss/theme/webex/common-stable.scss +2 -1
  39. package/dist/scss/theme/webex/dark-complete.scss +1 -1
  40. package/dist/scss/theme/webex/dark-stable.scss +2 -1
  41. package/dist/scss/theme/webex/light-complete.scss +1 -1
  42. package/dist/scss/theme/webex/light-stable.scss +2 -1
  43. package/package.json +1 -1
package/dist/json/theme/aaos/night-complete.json CHANGED
@@ -1,42 +1,195 @@
1
1
  {
2
2
  "color": {
3
3
  "theme": {
4
- "bg": {
5
- "primary": {
6
- "value": "#000000",
7
- "type": "color",
8
- "description": "Core: color.core.gray.110\nHEX: #000000\nUsed for main app backgrund for AAOS in all modes",
9
- "filePath": "src/theme/aaos/common.json",
10
- "isSource": true,
11
- "original": {
12
- "value": "{color.core.gray.110}",
13
- "type": "color",
14
- "description": "Core: color.core.gray.110\nHEX: #000000\nUsed for main app backgrund for AAOS in all modes"
4
+ "surface": {
5
+ "neutral": {
6
+ "0": {
7
+ "default": {
8
+ "value": "#0E1013",
9
+ "type": "color",
10
+ "description": "Core: color.core.gray.96\nHEX: #0E1013\nUse in place of NightElevation1",
11
+ "filePath": "src/theme/aaos/night.json",
12
+ "isSource": true,
13
+ "original": {
14
+ "value": "{color.core.gray.96}",
15
+ "type": "color",
16
+ "description": "Core: color.core.gray.96\nHEX: #0E1013\nUse in place of NightElevation1"
17
+ },
18
+ "name": "mds-color-theme-surface-neutral-0-default",
19
+ "attributes": {
20
+ "category": "color",
21
+ "type": "theme",
22
+ "item": "surface",
23
+ "subitem": "neutral",
24
+ "state": "0"
25
+ },
26
+ "path": [
27
+ "color",
28
+ "theme",
29
+ "surface",
30
+ "neutral",
31
+ "0",
32
+ "default"
33
+ ]
34
+ }
15
35
  },
16
- "name": "mds-color-theme-bg-primary",
17
- "attributes": {
18
- "category": "color",
19
- "type": "theme",
20
- "item": "bg",
21
- "subitem": "primary"
36
+ "1": {
37
+ "default": {
38
+ "value": "#17181B",
39
+ "type": "color",
40
+ "description": "Core: color.core.gray.93\nHEX:#17181B\nUse in place of NightElevation2",
41
+ "filePath": "src/theme/aaos/night.json",
42
+ "isSource": true,
43
+ "original": {
44
+ "value": "{color.core.gray.93}",
45
+ "type": "color",
46
+ "description": "Core: color.core.gray.93\nHEX:#17181B\nUse in place of NightElevation2"
47
+ },
48
+ "name": "mds-color-theme-surface-neutral-1-default",
49
+ "attributes": {
50
+ "category": "color",
51
+ "type": "theme",
52
+ "item": "surface",
53
+ "subitem": "neutral",
54
+ "state": "1"
55
+ },
56
+ "path": [
57
+ "color",
58
+ "theme",
59
+ "surface",
60
+ "neutral",
61
+ "1",
62
+ "default"
63
+ ]
64
+ }
22
65
  },
23
- "path": [
24
- "color",
25
- "theme",
26
- "bg",
27
- "primary": "Core: color.core.gray.91\nHEX: #202124\nUse in place of NightElevation3
Only used for Native Alert Backgrounds",
28
- ]
66
+ "2": {
67
+ "default": {
68
+ "value": "#202124",
69
+ "type": "color",
70
+ "description": "Core: color.core.gray.91\nHEX: #202124\nUse in place of NightElevation3
Only used for Native Alert Backgrounds",
71
+ "filePath": "src/theme/aaos/night.json",
72
+ "isSource": true,
73
+ "original": {
74
+ "value": "{color.core.gray.91}",
75
+ "type": "color",
76
+ "description": "Core: color.core.gray.91\nHEX: #202124\nUse in place of NightElevation3
Only used for Native Alert Backgrounds"
77
+ },
78
+ "name": "mds-color-theme-surface-neutral-2-default",
79
+ "attributes": {
80
+ "category": "color",
81
+ "type": "theme",
82
+ "item": "surface",
83
+ "subitem": "neutral",
84
+ "state": "2"
85
+ },
86
+ "path": [
87
+ "color",
88
+ "theme",
89
+ "surface",
90
+ "neutral",
91
+ "2",
92
+ "default"
93
+ ]
94
+ }
95
+ }
29
96
  }
30
97
  },
31
98
  "content": {
32
99
  "text": {
100
+ "neutral": {
101
+ "primary": {
102
+ "value": "#ffffffE0",
103
+ "type": "color",
104
+ "description": "Core:color.core.white-alpha.88\nHEX: #FFFFFF 88%\nUsed for default primary text. ",
105
+ "filePath": "src/theme/aaos/night.json",
106
+ "isSource": true,
107
+ "original": {
108
+ "value": "{color.core.white-alpha.88}",
109
+ "type": "color",
110
+ "description": "Core:color.core.white-alpha.88\nHEX: #FFFFFF 88%\nUsed for default primary text. "
111
+ },
112
+ "name": "mds-color-theme-content-text-neutral-primary",
113
+ "attributes": {
114
+ "category": "color",
115
+ "type": "theme",
116
+ "item": "content",
117
+ "subitem": "text",
118
+ "state": "neutral"
119
+ },
120
+ "path": [
121
+ "color",
122
+ "theme",
123
+ "content",
124
+ "text",
125
+ "neutral",
126
+ "primary"
127
+ ]
128
+ },
129
+ "secondary": {
130
+ "value": "#ffffff99",
131
+ "type": "color",
132
+ "description": "Core: color.core.white-alpha.60\nHEX: #ffffff 60%\nUsed for secondary text",
133
+ "filePath": "src/theme/aaos/night.json",
134
+ "isSource": true,
135
+ "original": {
136
+ "value": "{color.core.white-alpha.60}",
137
+ "type": "color",
138
+ "description": "Core: color.core.white-alpha.60\nHEX: #ffffff 60%\nUsed for secondary text"
139
+ },
140
+ "name": "mds-color-theme-content-text-neutral-secondary",
141
+ "attributes": {
142
+ "category": "color",
143
+ "type": "theme",
144
+ "item": "content",
145
+ "subitem": "text",
146
+ "state": "neutral"
147
+ },
148
+ "path": [
149
+ "color",
150
+ "theme",
151
+ "content",
152
+ "text",
153
+ "neutral",
154
+ "secondary"
155
+ ]
156
+ },
157
+ "disabled": {
158
+ "value": "#ffffff80",
159
+ "type": "color",
160
+ "description": "Core:color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled state for all text",
161
+ "filePath": "src/theme/aaos/night.json",
162
+ "isSource": true,
163
+ "original": {
164
+ "value": "{color.core.white-alpha.50}",
165
+ "type": "color",
166
+ "description": "Core:color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled state for all text"
167
+ },
168
+ "name": "mds-color-theme-content-text-neutral-disabled",
169
+ "attributes": {
170
+ "category": "color",
171
+ "type": "theme",
172
+ "item": "content",
173
+ "subitem": "text",
174
+ "state": "neutral"
175
+ },
176
+ "path": [
177
+ "color",
178
+ "theme",
179
+ "content",
180
+ "text",
181
+ "neutral",
182
+ "disabled"
183
+ ]
184
+ }
185
+ },
33
186
  "contrast": {
34
187
  "neutral": {
35
188
  "primary": {
36
189
  "value": "#000000",
37
190
  "type": "color",
38
191
  "description": "Core: color.core.gray.110\nHEX: #000000\nUsed for inverted text primary.",
39
- "filePath": "src/theme/aaos/common.json",
192
+ "filePath": "src/theme/aaos/night.json",
40
193
  "isSource": true,
41
194
  "original": {
42
195
  "value": "{color.core.gray.110}",
@@ -68,7 +221,7 @@
68
221
  "value": "#27a17a",
69
222
  "type": "color",
70
223
  "description": "Core: color.core.green.50\nHEX: #27a17a\nUsed for rest state of success, join text\n",
71
- "filePath": "src/theme/aaos/common.json",
224
+ "filePath": "src/theme/aaos/night.json",
72
225
  "isSource": true,
73
226
  "original": {
74
227
  "value": "{color.core.green.50}",
@@ -98,7 +251,7 @@
98
251
  "value": "#f55868",
99
252
  "type": "color",
100
253
  "description": "Core: color.core.red.50\nHEX: #f55868\nUsed for rest state of Error/cancel text",
101
- "filePath": "src/theme/aaos/common.json",
254
+ "filePath": "src/theme/aaos/night.json",
102
255
  "isSource": true,
103
256
  "original": {
104
257
  "value": "{color.core.red.50}",
@@ -128,7 +281,7 @@
128
281
  "value": "#f2990a",
129
282
  "type": "color",
130
283
  "description": "Core: color.core.yellow.40\nHEX: #f2990a\nUsed for rest state of warning text; alert-badge, interactive icons.",
131
- "filePath": "src/theme/aaos/common.json",
284
+ "filePath": "src/theme/aaos/night.json",
132
285
  "isSource": true,
133
286
  "original": {
134
287
  "value": "{color.core.yellow.40}",
@@ -158,7 +311,7 @@
158
311
  "value": "#3492eb",
159
312
  "type": "color",
160
313
  "description": "Core: color.core.blue.50\nHEX:#3492eb\nUsed for rest state of accent text. mostly used for button-hyperlink, interactive-icons, alert-badge\n",
161
- "filePath": "src/theme/aaos/common.json",
314
+ "filePath": "src/theme/aaos/night.json",
162
315
  "isSource": true,
163
316
  "original": {
164
317
  "value": "{color.core.blue.50}",
@@ -188,7 +341,7 @@
188
341
  "value": "#EC6400",
189
342
  "type": "color",
190
343
  "description": "Core:color.core.orange.50\nHEX:#EC6400\nUsed to indicate instability",
191
- "filePath": "src/theme/aaos/common.json",
344
+ "filePath": "src/theme/aaos/night.json",
192
345
  "isSource": true,
193
346
  "original": {
194
347
  "value": "{color.core.orange.50}",
@@ -212,138 +365,52 @@
212
365
  "default"
213
366
  ]
214
367
  }
215
- },
368
+ }
369
+ },
370
+ "btn": {
216
371
  "neutral": {
217
372
  "primary": {
218
- "value": "#ffffffE0",
219
- "type": "color",
220
- "description": "Core:color.core.white-alpha.88\nHEX: #FFFFFF 88%\nUsed for default primary text. ",
221
- "filePath": "src/theme/aaos/night.json",
222
- "isSource": true,
223
- "original": {
224
- "value": "{color.core.white-alpha.88}",
373
+ "default": {
374
+ "value": "#ffffffE0",
225
375
  "type": "color",
226
- "description": "Core:color.core.white-alpha.88\nHEX: #FFFFFF 88%\nUsed for default primary text. "
227
- },
228
- "name": "mds-color-theme-content-text-neutral-primary",
229
- "attributes": {
230
- "category": "color",
231
- "type": "theme",
232
- "item": "content",
233
- "subitem": "text",
234
- "state": "neutral"
235
- },
236
- "path": [
237
- "color",
238
- "theme",
239
- "content",
240
- "text",
241
- "neutral",
242
- "primary"
243
- ]
244
- },
245
- "secondary": {
246
- "value": "#ffffff99",
247
- "type": "color",
248
- "description": "Core: color.core.white-alpha.60\nHEX: #ffffff 60%\nUsed for secondary text",
249
- "filePath": "src/theme/aaos/night.json",
250
- "isSource": true,
251
- "original": {
252
- "value": "{color.core.white-alpha.60}",
253
- "type": "color",
254
- "description": "Core: color.core.white-alpha.60\nHEX: #ffffff 60%\nUsed for secondary text"
255
- },
256
- "name": "mds-color-theme-content-text-neutral-secondary",
257
- "attributes": {
258
- "category": "color",
259
- "type": "theme",
260
- "item": "content",
261
- "subitem": "text",
262
- "state": "neutral"
263
- },
264
- "path": [
265
- "color",
266
- "theme",
267
- "content",
268
- "text",
269
- "neutral",
270
- "secondary"
271
- ]
272
- },
273
- "disabled": {
274
- "value": "#ffffff80",
275
- "type": "color",
276
- "description": "Core:color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled state for all text",
277
- "filePath": "src/theme/aaos/night.json",
278
- "isSource": true,
279
- "original": {
280
- "value": "{color.core.white-alpha.50}",
281
- "type": "color",
282
- "description": "Core:color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled state for all text"
283
- },
284
- "name": "mds-color-theme-content-text-neutral-disabled",
285
- "attributes": {
286
- "category": "color",
287
- "type": "theme",
288
- "item": "content",
289
- "subitem": "text",
290
- "state": "neutral"
291
- },
292
- "path": [
293
- "color",
294
- "theme",
295
- "content",
296
- "text",
297
- "neutral",
298
- "disabled"
299
- ]
300
- }
301
- }
302
- },
303
- "btn": {
304
- "neutral": {
305
- "secondary": {
306
- "default": {
307
- "value": "#ffffff00",
308
- "type": "color",
309
- "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nRest state of Secondary buttons.",
310
- "filePath": "src/theme/aaos/common.json",
311
- "isSource": true,
312
- "original": {
313
- "value": "{color.core.white-alpha.0}",
314
- "type": "color",
315
- "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nRest state of Secondary buttons."
316
- },
317
- "name": "mds-color-theme-content-btn-neutral-secondary-default",
318
- "attributes": {
319
- "category": "color",
320
- "type": "theme",
321
- "item": "content",
322
- "subitem": "btn",
323
- "state": "neutral"
324
- },
325
- "path": [
326
- "color",
327
- "theme",
328
- "content",
329
- "btn",
330
- "neutral",
331
- "secondary",
332
- "default"
333
- ]
376
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 80%\nRest state of Primary buttons. ",
377
+ "filePath": "src/theme/aaos/night.json",
378
+ "isSource": true,
379
+ "original": {
380
+ "value": "{color.core.white-alpha.88}",
381
+ "type": "color",
382
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 80%\nRest state of Primary buttons. "
383
+ },
384
+ "name": "mds-color-theme-content-btn-neutral-primary-default",
385
+ "attributes": {
386
+ "category": "color",
387
+ "type": "theme",
388
+ "item": "content",
389
+ "subitem": "btn",
390
+ "state": "neutral"
391
+ },
392
+ "path": [
393
+ "color",
394
+ "theme",
395
+ "content",
396
+ "btn",
397
+ "neutral",
398
+ "primary",
399
+ "default"
400
+ ]
334
401
  },
335
402
  "disabled": {
336
- "value": "#ffffff00",
403
+ "value": "#ffffff80",
337
404
  "type": "color",
338
- "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nDisabled state of secondary buttons. ",
339
- "filePath": "src/theme/aaos/common.json",
405
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for Disabled buttons. ",
406
+ "filePath": "src/theme/aaos/night.json",
340
407
  "isSource": true,
341
408
  "original": {
342
- "value": "{color.core.white-alpha.0}",
409
+ "value": "{color.core.white-alpha.50}",
343
410
  "type": "color",
344
- "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nDisabled state of secondary buttons. "
411
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for Disabled buttons. "
345
412
  },
346
- "name": "mds-color-theme-content-btn-neutral-secondary-disabled",
413
+ "name": "mds-color-theme-content-btn-neutral-primary-disabled",
347
414
  "attributes": {
348
415
  "category": "color",
349
416
  "type": "theme",
@@ -357,24 +424,24 @@
357
424
  "content",
358
425
  "btn",
359
426
  "neutral",
360
- "secondary",
427
+ "primary",
361
428
  "disabled"
362
429
  ]
363
430
  }
364
431
  },
365
- "primary": {
432
+ "secondary": {
366
433
  "default": {
367
- "value": "#ffffffE0",
434
+ "value": "#ffffff00",
368
435
  "type": "color",
369
- "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 80%\nRest state of Primary buttons. ",
436
+ "description": "Core: color.core.white-alpha.0\nHEX: #ffffff 0%\nRest state of Secondary buttons.",
370
437
  "filePath": "src/theme/aaos/night.json",
371
438
  "isSource": true,
372
439
  "original": {
373
- "value": "{color.core.white-alpha.88}",
440
+ "value": "{color.core.white-alpha.0}",
374
441
  "type": "color",
375
- "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 80%\nRest state of Primary buttons. "
442
+ "description": "Core: color.core.white-alpha.0\nHEX: #ffffff 0%\nRest state of Secondary buttons."
376
443
  },
377
- "name": "mds-color-theme-content-btn-neutral-primary-default",
444
+ "name": "mds-color-theme-content-btn-neutral-secondary-default",
378
445
  "attributes": {
379
446
  "category": "color",
380
447
  "type": "theme",
@@ -388,22 +455,22 @@
388
455
  "content",
389
456
  "btn",
390
457
  "neutral",
391
- "primary",
458
+ "secondary",
392
459
  "default"
393
460
  ]
394
461
  },
395
462
  "disabled": {
396
- "value": "#ffffff80",
463
+ "value": "#ffffff00",
397
464
  "type": "color",
398
- "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for Disabled buttons. ",
465
+ "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nDisabled state of secondary buttons. ",
399
466
  "filePath": "src/theme/aaos/night.json",
400
467
  "isSource": true,
401
468
  "original": {
402
- "value": "{color.core.white-alpha.50}",
469
+ "value": "{color.core.white-alpha.0}",
403
470
  "type": "color",
404
- "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for Disabled buttons. "
471
+ "description": "Core: color.core.white-alpha.00\nHEX: #ffffff 00%\nDisabled state of secondary buttons. "
405
472
  },
406
- "name": "mds-color-theme-content-btn-neutral-primary-disabled",
473
+ "name": "mds-color-theme-content-btn-neutral-secondary-disabled",
407
474
  "attributes": {
408
475
  "category": "color",
409
476
  "type": "theme",
@@ -417,7 +484,7 @@
417
484
  "content",
418
485
  "btn",
419
486
  "neutral",
420
- "primary",
487
+ "secondary",
421
488
  "disabled"
422
489
  ]
423
490
  }
@@ -428,7 +495,7 @@
428
495
  "value": "#27a17a",
429
496
  "type": "color",
430
497
  "description": "Core:color.core.green.50\nHEX:#27a17a\nRest state of Join buttons. \n",
431
- "filePath": "src/theme/aaos/common.json",
498
+ "filePath": "src/theme/aaos/night.json",
432
499
  "isSource": true,
433
500
  "original": {
434
501
  "value": "{color.core.green.50}",
@@ -458,7 +525,7 @@
458
525
  "value": "#f55868",
459
526
  "type": "color",
460
527
  "description": "Core:color.core.red.50\nHEX:#f55868\nRest state of error/cancel buttons. ",
461
- "filePath": "src/theme/aaos/common.json",
528
+ "filePath": "src/theme/aaos/night.json",
462
529
  "isSource": true,
463
530
  "original": {
464
531
  "value": "{color.core.red.50}",
@@ -488,7 +555,7 @@
488
555
  "value": "#64b4fa",
489
556
  "type": "color",
490
557
  "description": "Core: color.core.blue.40\nHEX: #64b4fa\nRest state of accent buttons",
491
- "filePath": "src/theme/aaos/common.json",
558
+ "filePath": "src/theme/aaos/night.json",
492
559
  "isSource": true,
493
560
  "original": {
494
561
  "value": "{color.core.blue.40}",
@@ -514,16 +581,141 @@
514
581
  }
515
582
  }
516
583
  },
584
+ "illustration": {
585
+ "default": {
586
+ "value": "#ffffffE0",
587
+ "type": "color",
588
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 88%\nUsed for default illustrations. ",
589
+ "filePath": "src/theme/aaos/night.json",
590
+ "isSource": true,
591
+ "original": {
592
+ "value": "{color.core.white-alpha.88}",
593
+ "type": "color",
594
+ "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 88%\nUsed for default illustrations. "
595
+ },
596
+ "name": "mds-color-theme-content-illustration-default",
597
+ "attributes": {
598
+ "category": "color",
599
+ "type": "theme",
600
+ "item": "content",
601
+ "subitem": "illustration",
602
+ "state": "default"
603
+ },
604
+ "path": [
605
+ "color",
606
+ "theme",
607
+ "content",
608
+ "illustration",
609
+ "default"
610
+ ]
611
+ }
612
+ },
613
+ "control": {
614
+ "neutral": {
615
+ "default": {
616
+ "value": "#ffffff66",
617
+ "type": "color",
618
+ "description": "Core: color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for rest state of toggle-off components background. Do not use it for toggle button. ",
619
+ "filePath": "src/theme/aaos/night.json",
620
+ "isSource": true,
621
+ "original": {
622
+ "value": "{color.core.white-alpha.40}",
623
+ "type": "color",
624
+ "description": "Core: color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for rest state of toggle-off components background. Do not use it for toggle button. "
625
+ },
626
+ "name": "mds-color-theme-content-control-neutral-default",
627
+ "attributes": {
628
+ "category": "color",
629
+ "type": "theme",
630
+ "item": "content",
631
+ "subitem": "control",
632
+ "state": "neutral"
633
+ },
634
+ "path": [
635
+ "color",
636
+ "theme",
637
+ "content",
638
+ "control",
639
+ "neutral",
640
+ "default"
641
+ ]
642
+ },
643
+ "slider": {
644
+ "disabled": {
645
+ "value": "#ffffff1c",
646
+ "type": "color",
647
+ "description": "Core:color.core.white-alpha.11\nHEX: #ffffff 11%\nUsed for disabled slider",
648
+ "filePath": "src/theme/aaos/night.json",
649
+ "isSource": true,
650
+ "original": {
651
+ "value": "{color.core.white-alpha.11}",
652
+ "type": "color",
653
+ "description": "Core:color.core.white-alpha.11\nHEX: #ffffff 11%\nUsed for disabled slider"
654
+ },
655
+ "name": "mds-color-theme-content-control-neutral-slider-disabled",
656
+ "attributes": {
657
+ "category": "color",
658
+ "type": "theme",
659
+ "item": "content",
660
+ "subitem": "control",
661
+ "state": "neutral"
662
+ },
663
+ "path": [
664
+ "color",
665
+ "theme",
666
+ "content",
667
+ "control",
668
+ "neutral",
669
+ "slider",
670
+ "disabled"
671
+ ]
672
+ }
673
+ }
674
+ },
675
+ "accent": {
676
+ "active": {
677
+ "default": {
678
+ "value": "#3492eb",
679
+ "type": "color",
680
+ "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for rest state of active control components background. (radio, toggle, checkbox)",
681
+ "filePath": "src/theme/aaos/night.json",
682
+ "isSource": true,
683
+ "original": {
684
+ "value": "{color.core.blue.50}",
685
+ "type": "color",
686
+ "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for rest state of active control components background. (radio, toggle, checkbox)"
687
+ },
688
+ "name": "mds-color-theme-content-control-accent-active-default",
689
+ "attributes": {
690
+ "category": "color",
691
+ "type": "theme",
692
+ "item": "content",
693
+ "subitem": "control",
694
+ "state": "accent"
695
+ },
696
+ "path": [
697
+ "color",
698
+ "theme",
699
+ "content",
700
+ "control",
701
+ "accent",
702
+ "active",
703
+ "default"
704
+ ]
705
+ }
706
+ }
707
+ }
708
+ },
517
709
  "indicator": {
518
710
  "neutral": {
519
711
  "0": {
520
- "value": "#8f8f8f",
712
+ "value": "# #8f8f8f",
521
713
  "type": "color",
522
714
  "description": "Core:color.core.gray.50\nHEX:#8f8f8f\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)\n",
523
- "filePath": "src/theme/aaos/common.json",
715
+ "filePath": "src/theme/aaos/night.json",
524
716
  "isSource": true,
525
717
  "original": {
526
- "value": "{color.core.gray.50}",
718
+ "value": "# {color.core.gray.50}",
527
719
  "type": "color",
528
720
  "description": "Core:color.core.gray.50\nHEX:#8f8f8f\nUsed for presence (away, on-hold, on-device), meeting indicators(meeting-locked)\n"
529
721
  },
@@ -550,7 +742,7 @@
550
742
  "value": "#27a17a",
551
743
  "type": "color",
552
744
  "description": "Core: color.core.green.50\nHEX: #27a17a\nUsed for Presence(active) and Meeting Indicators (Audio-video-on, Media-quality-good)",
553
- "filePath": "src/theme/aaos/common.json",
745
+ "filePath": "src/theme/aaos/night.json",
554
746
  "isSource": true,
555
747
  "original": {
556
748
  "value": "{color.core.green.50}",
@@ -579,13 +771,13 @@
579
771
  "0": {
580
772
  "value": "#f55868",
581
773
  "type": "color",
582
- "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)\n",
583
- "filePath": "src/theme/aaos/common.json",
774
+ "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)",
775
+ "filePath": "src/theme/aaos/night.json",
584
776
  "isSource": true,
585
777
  "original": {
586
778
  "value": "{color.core.red.50}",
587
779
  "type": "color",
588
- "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)\n"
780
+ "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for badge : Presence(DoNotDisturb) and Meeting Indicators (Audio-video-off, Record-on, Poor-media-quality,Live)"
589
781
  },
590
782
  "name": "mds-color-theme-content-indicator-negative-0",
591
783
  "attributes": {
@@ -610,7 +802,7 @@
610
802
  "value": "#f2990a",
611
803
  "type": "color",
612
804
  "description": "Core:color.core.yellow.40\nHEX:#f2990a\nUsed for Meeting Indicators (Audio-error, Video-error)\n",
613
- "filePath": "src/theme/aaos/common.json",
805
+ "filePath": "src/theme/aaos/night.json",
614
806
  "isSource": true,
615
807
  "original": {
616
808
  "value": "{color.core.yellow.40}",
@@ -640,7 +832,7 @@
640
832
  "value": "#3492eb",
641
833
  "type": "color",
642
834
  "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for meeting indicator (Encryption)",
643
- "filePath": "src/theme/aaos/common.json",
835
+ "filePath": "src/theme/aaos/night.json",
644
836
  "isSource": true,
645
837
  "original": {
646
838
  "value": "{color.core.blue.50}",
@@ -670,7 +862,7 @@
670
862
  "value": "#EC6400",
671
863
  "type": "color",
672
864
  "description": "Core: color.core.orange.50\nHEX:#EC6400\nUsed for avatar presence (busy, meeting, call, device)",
673
- "filePath": "src/theme/aaos/common.json",
865
+ "filePath": "src/theme/aaos/night.json",
674
866
  "isSource": true,
675
867
  "original": {
676
868
  "value": "{color.core.orange.50}",
@@ -695,140 +887,175 @@
695
887
  ]
696
888
  }
697
889
  }
890
+ }
891
+ },
892
+ "overlay": {
893
+ "0": {
894
+ "value": "#000000e0",
895
+ "type": "color",
896
+ "description": "Core:color.core.black-alpha.88\nHEX: #000000 88%\n\nNightOpacity1
Used for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
",
897
+ "filePath": "src/theme/aaos/night.json",
898
+ "isSource": true,
899
+ "original": {
900
+ "value": "{color.core.black-alpha.88}",
901
+ "type": "color",
902
+ "description": "Core:color.core.black-alpha.88\nHEX: #000000 88%\n\nNightOpacity1
Used for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
"
903
+ },
904
+ "name": "mds-color-theme-overlay-0",
905
+ "attributes": {
906
+ "category": "color",
907
+ "type": "theme",
908
+ "item": "overlay",
909
+ "subitem": "0"
910
+ },
911
+ "path": [
912
+ "color",
913
+ "theme",
914
+ "overlay",
915
+ "0"
916
+ ]
698
917
  },
699
- "control": {
700
- "neutral": {
701
- "default": {
702
- "value": "#ffffff66000000 84%\nNightOpacity2. 
Used for scrims behind alerts.",
918
+ "1": {
919
+ "value": "#000000D6",
920
+ "type": "color",
921
+ "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nNightOpacity2. 
Used for scrims behind alerts.",
922
+ "filePath": "src/theme/aaos/night.json",
923
+ "isSource": true,
924
+ "original": {
925
+ "value": "{color.core.black-alpha.84}",
926
+ "type": "color",
927
+ "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nNightOpacity2. 
Used for scrims behind alerts."
928
+ },
929
+ "name": "mds-color-theme-overlay-1",
930
+ "attributes": {
931
+ "category": "color",
932
+ "type": "theme",
933
+ "item": "overlay",
934
+ "subitem": "1"
935
+ },
936
+ "path": [
937
+ "color",
938
+ "theme",
939
+ "overlay",
940
+ "1"
941
+ ]
942
+ },
943
+ "2": {
944
+ "value": "#000000b3",
945
+ "type": "color",
946
+ "description": "Core: color.core.black-alpha.70\nHEX: #000000 70%\nNightOpacity3. 
Used for scrims behind elements that take over the entire interface. ex. incoming call notifications",
947
+ "filePath": "src/theme/aaos/night.json",
948
+ "isSource": true,
949
+ "original": {
950
+ "value": "{color.core.black-alpha.70}",
951
+ "type": "color",
952
+ "description": "Core: color.core.black-alpha.70\nHEX: #000000 70%\nNightOpacity3. 
Used for scrims behind elements that take over the entire interface. ex. incoming call notifications"
953
+ },
954
+ "name": "mds-color-theme-overlay-2",
955
+ "attributes": {
956
+ "category": "color",
957
+ "type": "theme",
958
+ "item": "overlay",
959
+ "subitem": "2"
960
+ },
961
+ "path": [
962
+ "color",
963
+ "theme",
964
+ "overlay",
965
+ "2"
966
+ ]
967
+ }
968
+ },
969
+ "border": {
970
+ "neutral": {
971
+ "0": {
972
+ "value": "#ffffff33",
973
+ "type": "color",
974
+ "description": "Core:color.core.white-alpha.20\nHEX: #ffffff 20%\nUse for dividers and disabled outline color for interface items.",
975
+ "filePath": "src/theme/aaos/night.json",
976
+ "isSource": true,
977
+ "original": {
978
+ "value": "{color.core.white-alpha.20}",
703
979
  "type": "color",
704
- "description": "Core: color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for rest state of toggle-off components background. Do not use it for toggle button. ",
705
- "filePath": "src/theme/aaos/common.json",
706
- "isSource": true,
707
- "original": {
708
- "value": "{color.core.white-alpha.40}",
709
- "type": "color",
710
- "description": "Core: color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for rest state of toggle-off components background. Do not use it for toggle button. "
711
- },
712
- "name": "mds-color-theme-content-control-neutral-default",
713
- "attributes": {
714
- "category": "color",
715
- "type": "theme",
716
- "item": "content",
717
- "subitem": "control",
718
- "state": "neutral"
719
- },
720
- "path": [
721
- "color",
722
- "theme",
723
- "content",
724
- "control",
725
- "neutral",
726
- "default"
727
- ]
980
+ "description": "Core:color.core.white-alpha.20\nHEX: #ffffff 20%\nUse for dividers and disabled outline color for interface items."
728
981
  },
729
- "slider": {
730
- "disabled": {
731
- "value": "#ffffff1c",
732
- "type": "color",
733
- "description": "Core:color.core.white-alpha.11\nHEX: #ffffff 11%\nUsed for disabled slider",
734
- "filePath": "src/theme/aaos/common.json",
735
- "isSource": true,
736
- "original": {
737
- "value": "{color.core.white-alpha.11}",
738
- "type": "color",
739
- "description": "Core:color.core.white-alpha.11\nHEX: #ffffff 11%\nUsed for disabled slider"
740
- },
741
- "name": "mds-color-theme-content-control-neutral-slider-disabled",
742
- "attributes": {
743
- "category": "color",
744
- "type": "theme",
745
- "item": "content",
746
- "subitem": "control",
747
- "state": "neutral"
748
- },
749
- "path": [
750
- "color",
751
- "theme",
752
- "content",
753
- "control",
754
- "neutral",
755
- "slider",
756
- "disabled"
757
- ]
758
- }
759
- }
982
+ "name": "mds-color-theme-border-neutral-0",
983
+ "attributes": {
984
+ "category": "color",
985
+ "type": "theme",
986
+ "item": "border",
987
+ "subitem": "neutral",
988
+ "state": "0"
989
+ },
990
+ "path": [
991
+ "color",
992
+ "theme",
993
+ "border",
994
+ "neutral",
995
+ "0"
996
+ ]
760
997
  },
761
- "accent": {
762
- "active": {
763
- "default": {
764
- "value": "#3492eb",
765
- "type": "color",
766
- "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for rest state of active control components background. (radio, toggle, checkbox)",
767
- "filePath": "src/theme/aaos/common.json",
768
- "isSource": true,
769
- "original": {
770
- "value": "{color.core.blue.50}",
771
- "type": "color",
772
- "description": "Core:color.core.blue.50\nHEX:#3492eb\nUsed for rest state of active control components background. (radio, toggle, checkbox)"
773
- },
774
- "name": "mds-color-theme-content-control-accent-active-default",
775
- "attributes": {
776
- "category": "color",
777
- "type": "theme",
778
- "item": "content",
779
- "subitem": "control",
780
- "state": "accent"
781
- },
782
- "path": [
783
- "color",
784
- "theme",
785
- "content",
786
- "control",
787
- "accent",
788
- "active",
789
- "default"
790
- ]
791
- }
792
- }
793
- }
794
- },
795
- "illustration": {
796
- "default": {
797
- "value": "#ffffffE0",
998
+ "1": {
999
+ "value": "#ffffff66",
798
1000
  "type": "color",
799
- "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 88%\nUsed for default illustrations. ",
1001
+ "description": "Core:color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for hairlines around buttons and other interface elements. Do not use for dividers.",
800
1002
  "filePath": "src/theme/aaos/night.json",
801
1003
  "isSource": true,
802
1004
  "original": {
803
- "value": "{color.core.white-alpha.88}",
1005
+ "value": "{color.core.white-alpha.40}",
804
1006
  "type": "color",
805
- "description": "Core: color.core.white-alpha.88\nHEX: #ffffff 88%\nUsed for default illustrations. "
1007
+ "description": "Core:color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for hairlines around buttons and other interface elements. Do not use for dividers."
806
1008
  },
807
- "name": "mds-color-theme-content-illustration-default",
1009
+ "name": "mds-color-theme-border-neutral-1",
808
1010
  "attributes": {
809
1011
  "category": "color",
810
1012
  "type": "theme",
811
- "item": "content",
812
- "subitem": "illustration",
813
- "state": "default"
1013
+ "item": "border",
1014
+ "subitem": "neutral",
1015
+ "state": "1"
814
1016
  },
815
1017
  "path": [
816
1018
  "color",
817
1019
  "theme",
818
- "content",
819
- "illustration",
820
- "default"
1020
+ "border",
1021
+ "neutral",
1022
+ "1"
1023
+ ]
1024
+ },
1025
+ "2": {
1026
+ "value": "#ffffff80",
1027
+ "type": "color",
1028
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled icon color and input field outline
Material.",
1029
+ "filePath": "src/theme/aaos/night.json",
1030
+ "isSource": true,
1031
+ "original": {
1032
+ "value": "{color.core.white-alpha.50}",
1033
+ "type": "color",
1034
+ "description": "Core: color.core.white-alpha.50\nHEX: #ffffff 50%\nUsed for disabled icon color and input field outline
Material."
1035
+ },
1036
+ "name": "mds-color-theme-border-neutral-2",
1037
+ "attributes": {
1038
+ "category": "color",
1039
+ "type": "theme",
1040
+ "item": "border",
1041
+ "subitem": "neutral",
1042
+ "state": "2"
1043
+ },
1044
+ "path": [
1045
+ "color",
1046
+ "theme",
1047
+ "border",
1048
+ "neutral",
1049
+ "2"
821
1050
  ]
822
1051
  }
823
- }
824
- },
825
- "border": {
1052
+ },
826
1053
  "positive": {
827
1054
  "0": {
828
1055
  "value": "#27a17a",
829
1056
  "type": "color",
830
1057
  "description": "Core: color.core.green.50\nHEX:#27a17a\nUsed for join/success buttons outline.",
831
- "filePath": "src/theme/aaos/common.json",
1058
+ "filePath": "src/theme/aaos/night.json",
832
1059
  "isSource": true,
833
1060
  "original": {
834
1061
  "value": "{color.core.green.50}",
@@ -857,7 +1084,7 @@
857
1084
  "value": "#f55868",
858
1085
  "type": "color",
859
1086
  "description": "Core:color.core.red.50\nHEX:#f55868\nUsed for outline of error/cancel state of input, buttons.\n",
860
- "filePath": "src/theme/aaos/common.json",
1087
+ "filePath": "src/theme/aaos/night.json",
861
1088
  "isSource": true,
862
1089
  "original": {
863
1090
  "value": "{color.core.red.50}",
@@ -886,7 +1113,7 @@
886
1113
  "value": "#3492eb",
887
1114
  "type": "color",
888
1115
  "description": "Core:color.core.blue.50\nHEX: #3492eb\nUsed for outline of secondary accent buttons, ",
889
- "filePath": "src/theme/aaos/common.json",
1116
+ "filePath": "src/theme/aaos/night.json",
890
1117
  "isSource": true,
891
1118
  "original": {
892
1119
  "value": "{color.core.blue.50}",
@@ -915,7 +1142,7 @@
915
1142
  "value": "#f2990a",
916
1143
  "type": "color",
917
1144
  "description": "Core:color.core.yellow.40\nHEX:#f2990a\nUsed for warning state of input fields border",
918
- "filePath": "src/theme/aaos/common.json",
1145
+ "filePath": "src/theme/aaos/night.json",
919
1146
  "isSource": true,
920
1147
  "original": {
921
1148
  "value": "{color.core.yellow.40}",
@@ -945,7 +1172,7 @@
945
1172
  "value": "linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%)",
946
1173
  "type": "color",
947
1174
  "description": "Core: core.decorative.cobalt.70, core.decorative.cyan.40, core.green.50\nHEX: 08599C, 22C7D6, 27A17A\nUsed for gradient ring of video-halo for mobile\n",
948
- "filePath": "src/theme/aaos/common.json",
1175
+ "filePath": "src/theme/aaos/night.json",
949
1176
  "isSource": true,
950
1177
  "original": {
951
1178
  "value": "linear-gradient(44deg, {color.decorative.cobalt.70} 0%, {color.decorative.cyan.40} 51.56%, {color.core.green.50} 100%)",
@@ -970,259 +1197,32 @@
970
1197
  ]
971
1198
  }
972
1199
  }
973
- },
974
- "neutral": {
975
- "0": {
976
- "value": "#ffffff66",
977
- "type": "color",
978
- "description": "Core:color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for hairlines around buttons and other interface elements. Do not use for dividers.",
979
- "filePath": "src/theme/aaos/night.json",
980
- "isSource": true,
981
- "original": {
982
- "value": "{color.core.white-alpha.40}",
983
- "type": "color",
984
- "description": "Core:color.core.white-alpha.40\nHEX: #ffffff 40%\nUsed for hairlines around buttons and other interface elements. Do not use for dividers."
985
- },
986
- "name": "mds-color-theme-border-neutral-0",
987
- "attributes": {
988
- "category": "color",
989
- "type": "theme",
990
- "item": "border",
991
- "subitem": "neutral",
992
- "state": "0"
993
- },
994
- "path": [
995
- "color",
996
- "theme",
997
- "border",
998
- "neutral",
999
- "0"
1000
- ]
1001
- },
1002
- "1": {
1003
- "value": "#ffffff33",
1004
- "type": "color",
1005
- "description": "Core:color.core.white-alpha.20\nHEX: #ffffff 20%\nUse for dividers and disabled outline color for interface items.",
1006
- "filePath": "src/theme/aaos/night.json",
1007
- "isSource": true,
1008
- "original": {
1009
- "value": "{color.core.white-alpha.20}",
1010
- "type": "color",
1011
- "description": "Core:color.core.white-alpha.20\nHEX: #ffffff 20%\nUse for dividers and disabled outline color for interface items."
1012
- },
1013
- "name": "mds-color-theme-border-neutral-1",
1014
- "attributes": {
1015
- "category": "color",
1016
- "type": "theme",
1017
- "item": "border",
1018
- "subitem": "neutral",
1019
- "state": "1"
1020
- },
1021
- "path": [
1022
- "color",
1023
- "theme",
1024
- "border",
1025
- "neutral",
1026
- "1"
1027
- ]
1028
- },
1029
- "2": {
1030
- "value": "#ffffff8F",
1031
- "type": "color",
1032
- "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for disabled icon color and input field outline
Material.",
1033
- "filePath": "src/theme/aaos/night.json",
1034
- "isSource": true,
1035
- "original": {
1036
- "value": "{color.core.white-alpha.56}",
1037
- "type": "color",
1038
- "description": "Core: color.core.white-alpha.56\nHEX: #ffffff 56%\nUsed for disabled icon color and input field outline
Material."
1039
- },
1040
- "name": "mds-color-theme-border-neutral-2",
1041
- "attributes": {
1042
- "category": "color",
1043
- "type": "theme",
1044
- "item": "border",
1045
- "subitem": "neutral",
1046
- "state": "2"
1047
- },
1048
- "path": [
1049
- "color",
1050
- "theme",
1051
- "border",
1052
- "neutral",
1053
- "2"
1054
- ]
1055
- }
1056
1200
  }
1057
1201
  },
1058
- "surface": {
1059
- "neutral": {
1060
- "0": {
1061
- "default": {
1062
- "value": "#0E1013",
1063
- "type": "color",
1064
- "description": "Core: color.core.gray.96\nHEX: #0E1013\nUse in place of NightElevation1",
1065
- "filePath": "src/theme/aaos/night.json",
1066
- "isSource": true,
1067
- "original": {
1068
- "value": "{color.core.gray.96}",
1069
- "type": "color",
1070
- "description": "Core: color.core.gray.96\nHEX: #0E1013\nUse in place of NightElevation1"
1071
- },
1072
- "name": "mds-color-theme-surface-neutral-0-default",
1073
- "attributes": {
1074
- "category": "color",
1075
- "type": "theme",
1076
- "item": "surface",
1077
- "subitem": "neutral",
1078
- "state": "0"
1079
- },
1080
- "path": [
1081
- "color",
1082
- "theme",
1083
- "surface",
1084
- "neutral",
1085
- "0",
1086
- "default"
1087
- ]
1088
- }
1089
- },
1090
- "1": {
1091
- "default": {
1092
- "value": "#17181B",
1093
- "type": "color",
1094
- "description": "Core: color.core.gray.93\nHEX:#17181B\nUse in place of NightElevation2",
1095
- "filePath": "src/theme/aaos/night.json",
1096
- "isSource": true,
1097
- "original": {
1098
- "value": "{color.core.gray.93}",
1099
- "type": "color",
1100
- "description": "Core: color.core.gray.93\nHEX:#17181B\nUse in place of NightElevation2"
1101
- },
1102
- "name": "mds-color-theme-surface-neutral-1-default",
1103
- "attributes": {
1104
- "category": "color",
1105
- "type": "theme",
1106
- "item": "surface",
1107
- "subitem": "neutral",
1108
- "state": "1"
1109
- },
1110
- "path": [
1111
- "color",
1112
- "theme",
1113
- "surface",
1114
- "neutral",
1115
- "1",
1116
- "default"
1117
- ]
1118
- }
1119
- },
1120
- "2": {
1121
- "default": {
1122
- "value": "#202124",
1123
- "type": "color",
1124
- "description": "Core: color.core.gray.91\nHEX: #202124\nUse in place of NightElevation3
Only used for Native Alert Backgrounds",
1125
- "filePath": "src/theme/aaos/night.json",
1126
- "isSource": true,
1127
- "original": {
1128
- "value": "{color.core.gray.91}",
1129
- "type": "color",
1130
- "description": "Core: color.core.gray.91\nHEX: #202124\nUse in place of NightElevation3
Only used for Native Alert Backgrounds"
1131
- },
1132
- "name": "mds-color-theme-surface-neutral-2-default",
1133
- "attributes": {
1134
- "category": "color",
1135
- "type": "theme",
1136
- "item": "surface",
1137
- "subitem": "neutral",
1138
- "state": "2"
1139
- },
1140
- "path": [
1141
- "color",
1142
- "theme",
1143
- "surface",
1144
- "neutral",
1145
- "2",
1146
- "default"
1147
- ]
1148
- }
1149
- }
1150
- }
1151
- },
1152
- "overlay": {
1153
- "0": {
1154
- "value": "#000000e0",
1155
- "type": "color",
1156
- "description": "Core:color.core.black-alpha.88\nHEX: #000000 88%\n\nNightOpacity1
Used for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
",
1157
- "filePath": "src/theme/aaos/night.json",
1158
- "isSource": true,
1159
- "original": {
1160
- "value": "{color.core.black-alpha.88}",
1161
- "type": "color",
1162
- "description": "Core:color.core.black-alpha.88\nHEX: #000000 88%\n\nNightOpacity1
Used for any elements that sit on top of the main interface. Ex: Top Navigation Bar or Mini-Control Bar
"
1163
- },
1164
- "name": "mds-color-theme-overlay-0",
1165
- "attributes": {
1166
- "category": "color",
1167
- "type": "theme",
1168
- "item": "overlay",
1169
- "subitem": "0"
1170
- },
1171
- "path": [
1172
- "color",
1173
- "theme",
1174
- "overlay",
1175
- "0"
1176
- ]
1177
- },
1178
- "1": {
1179
- "value": "#000000D6",
1180
- "type": "color",
1181
- "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nNightOpacity2. 
Used for scrims behind alerts.",
1182
- "filePath": "src/theme/aaos/night.json",
1183
- "isSource": true,
1184
- "original": {
1185
- "value": "{color.core.black-alpha.84}",
1186
- "type": "color",
1187
- "description": "Core: color.core.black-alpha.84\nHEX: #000000 84%\nNightOpacity2. 
Used for scrims behind alerts."
1188
- },
1189
- "name": "mds-color-theme-overlay-1",
1190
- "attributes": {
1191
- "category": "color",
1192
- "type": "theme",
1193
- "item": "overlay",
1194
- "subitem": "1"
1195
- },
1196
- "path": [
1197
- "color",
1198
- "theme",
1199
- "overlay",
1200
- "1"
1201
- ]
1202
- },
1203
- "2": {
1204
- "value": "#000000b3",
1202
+ "bg": {
1203
+ "primary": {
1204
+ "value": "#000000",
1205
1205
  "type": "color",
1206
- "description": "Core: color.core.black-alpha.70\nHEX: #000000 70%\nNightOpacity3. 
Used for scrims behind elements that take over the entire interface. ex. incoming call notifications",
1206
+ "description": "Core: color.core.gray.110\nHEX: #000000\nUsed 70%\nNightOpacity3. 
Used for main app backgroud for AAOS in all modes",
1207
1207
  "filePath": "src/theme/aaos/night.json",
1208
1208
  "isSource": true,
1209
1209
  "original": {
1210
- "value": "{color.core.black-alpha.70}",
1210
+ "value": "{color.core.gray.110}",
1211
1211
  "type": "color",
1212
- "description": "Core: color.core.black-alpha.70\nHEX: #000000 70%\nNightOpacity3. 
Used for scrims behind elements that take over the entire interface. ex. incoming call notifications"
1212
+ "description": "Core: color.core.gray.110\nHEX: #000000\nUsed 70%\nNightOpacity3. 
Used for main app backgroud for AAOS in all modes"
1213
1213
  },
1214
- "name": "mds-color-theme-overlay-2",
1214
+ "name": "mds-color-theme-bg-primary",
1215
1215
  "attributes": {
1216
1216
  "category": "color",
1217
1217
  "type": "theme",
1218
- "item": "overlay",
1219
- "subitem": "2"
1218
+ "item": "bg",
1219
+ "subitem": "primary"
1220
1220
  },
1221
1221
  "path": [
1222
1222
  "color",
1223
1223
  "theme",
1224
- "overlay",
1225
- "2"
1224
+ "bg",
1225
+ "primary"
1226
1226
  ]
1227
1227
  }
1228
1228
  }