@fluentui-react-native/default-theme 0.16.21 → 0.16.22

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 (4) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/package.json +2 -1
  4. package/src/__tests__/__snapshots__/default-theme.test.ts.snap +590 -590
package/src/__tests__/__snapshots__/default-theme.test.ts.snap CHANGED
@@ -121,509 +121,509 @@ Object {
121
121
  exports[`createColorAliasTokens test appearanceOptions - highContrast 1`] = `
122
122
  Object {
123
123
  "brandBackground": Object {
124
- "semantic": Array [
125
- "SystemColorButtonFaceColor",
124
+ "resource_paths": Array [
125
+ "ButtonFace",
126
126
  ],
127
127
  },
128
128
  "brandBackground2": Object {
129
- "semantic": Array [
130
- "SystemColorButtonFaceColor",
129
+ "resource_paths": Array [
130
+ "ButtonFace",
131
131
  ],
132
132
  },
133
133
  "brandBackgroundDisabled": undefined,
134
134
  "brandBackgroundHover": Object {
135
- "semantic": Array [
136
- "SystemColorHighlightColor",
135
+ "resource_paths": Array [
136
+ "Highlight",
137
137
  ],
138
138
  },
139
139
  "brandBackgroundPressed": Object {
140
- "semantic": Array [
141
- "SystemColorHighlightColor",
140
+ "resource_paths": Array [
141
+ "Highlight",
142
142
  ],
143
143
  },
144
144
  "brandBackgroundSelected": Object {
145
- "semantic": Array [
146
- "SystemColorHighlightColor",
145
+ "resource_paths": Array [
146
+ "Highlight",
147
147
  ],
148
148
  },
149
149
  "brandBackgroundStatic": Object {
150
- "semantic": Array [
151
- "SystemColorWindowColor",
150
+ "resource_paths": Array [
151
+ "Window",
152
152
  ],
153
153
  },
154
154
  "brandForeground1": Object {
155
- "semantic": Array [
156
- "SystemColorWindowTextColor",
155
+ "resource_paths": Array [
156
+ "WindowText",
157
157
  ],
158
158
  },
159
159
  "brandForeground1Disabled": undefined,
160
160
  "brandForeground1Pressed": undefined,
161
161
  "brandForeground2": Object {
162
- "semantic": Array [
163
- "SystemColorButtonTextColor",
162
+ "resource_paths": Array [
163
+ "ButtonText",
164
164
  ],
165
165
  },
166
166
  "brandForegroundLink": Object {
167
- "semantic": Array [
168
- "SystemColorHotlightColor",
167
+ "resource_paths": Array [
168
+ "Hotlight",
169
169
  ],
170
170
  },
171
171
  "brandForegroundLinkHover": Object {
172
- "semantic": Array [
173
- "SystemColorHotlightColor",
172
+ "resource_paths": Array [
173
+ "Hotlight",
174
174
  ],
175
175
  },
176
176
  "brandForegroundLinkPressed": Object {
177
- "semantic": Array [
178
- "SystemColorHotlightColor",
177
+ "resource_paths": Array [
178
+ "Hotlight",
179
179
  ],
180
180
  },
181
181
  "brandForegroundLinkSelected": Object {
182
- "semantic": Array [
183
- "SystemColorHotlightColor",
182
+ "resource_paths": Array [
183
+ "Hotlight",
184
184
  ],
185
185
  },
186
186
  "brandStroke1": Object {
187
- "semantic": Array [
188
- "SystemColorWindowTextColor",
187
+ "resource_paths": Array [
188
+ "WindowText",
189
189
  ],
190
190
  },
191
191
  "brandStroke2": Object {
192
- "semantic": Array [
193
- "SystemColorWindowColor",
192
+ "resource_paths": Array [
193
+ "Window",
194
194
  ],
195
195
  },
196
196
  "compoundBrandBackground1": Object {
197
- "semantic": Array [
198
- "SystemColorHighlightColor",
197
+ "resource_paths": Array [
198
+ "Highlight",
199
199
  ],
200
200
  },
201
201
  "compoundBrandBackground1Hover": Object {
202
- "semantic": Array [
203
- "SystemColorHighlightColor",
202
+ "resource_paths": Array [
203
+ "Highlight",
204
204
  ],
205
205
  },
206
206
  "compoundBrandBackground1Pressed": Object {
207
- "semantic": Array [
208
- "SystemColorHighlightColor",
207
+ "resource_paths": Array [
208
+ "Highlight",
209
209
  ],
210
210
  },
211
211
  "compoundBrandForeground1": Object {
212
- "semantic": Array [
213
- "SystemColorHighlightColor",
212
+ "resource_paths": Array [
213
+ "Highlight",
214
214
  ],
215
215
  },
216
216
  "compoundBrandForeground1Hover": Object {
217
- "semantic": Array [
218
- "SystemColorHighlightColor",
217
+ "resource_paths": Array [
218
+ "Highlight",
219
219
  ],
220
220
  },
221
221
  "compoundBrandForeground1Pressed": Object {
222
- "semantic": Array [
223
- "SystemColorHighlightColor",
222
+ "resource_paths": Array [
223
+ "Highlight",
224
224
  ],
225
225
  },
226
226
  "compoundBrandStroke1": Object {
227
- "semantic": Array [
228
- "SystemColorHighlightColor",
227
+ "resource_paths": Array [
228
+ "Highlight",
229
229
  ],
230
230
  },
231
231
  "compoundBrandStroke1Hover": Object {
232
- "semantic": Array [
233
- "SystemColorHighlightColor",
232
+ "resource_paths": Array [
233
+ "Highlight",
234
234
  ],
235
235
  },
236
236
  "compoundBrandStroke1Pressed": Object {
237
- "semantic": Array [
238
- "SystemColorHighlightColor",
237
+ "resource_paths": Array [
238
+ "Highlight",
239
239
  ],
240
240
  },
241
241
  "neutralBackground1": Object {
242
- "semantic": Array [
243
- "SystemColorWindowColor",
242
+ "resource_paths": Array [
243
+ "Window",
244
244
  ],
245
245
  },
246
246
  "neutralBackground1Hover": Object {
247
- "semantic": Array [
248
- "SystemColorHighlightColor",
247
+ "resource_paths": Array [
248
+ "Highlight",
249
249
  ],
250
250
  },
251
251
  "neutralBackground1Pressed": Object {
252
- "semantic": Array [
253
- "SystemColorHighlightColor",
252
+ "resource_paths": Array [
253
+ "Highlight",
254
254
  ],
255
255
  },
256
256
  "neutralBackground1Selected": Object {
257
- "semantic": Array [
258
- "SystemColorHighlightColor",
257
+ "resource_paths": Array [
258
+ "Highlight",
259
259
  ],
260
260
  },
261
261
  "neutralBackground2": Object {
262
- "semantic": Array [
263
- "SystemColorWindowColor",
262
+ "resource_paths": Array [
263
+ "Window",
264
264
  ],
265
265
  },
266
266
  "neutralBackground2Hover": Object {
267
- "semantic": Array [
268
- "SystemColorHighlightColor",
267
+ "resource_paths": Array [
268
+ "Highlight",
269
269
  ],
270
270
  },
271
271
  "neutralBackground2Pressed": Object {
272
- "semantic": Array [
273
- "SystemColorHighlightColor",
272
+ "resource_paths": Array [
273
+ "Highlight",
274
274
  ],
275
275
  },
276
276
  "neutralBackground2Selected": Object {
277
- "semantic": Array [
278
- "SystemColorHighlightColor",
277
+ "resource_paths": Array [
278
+ "Highlight",
279
279
  ],
280
280
  },
281
281
  "neutralBackground3": Object {
282
- "semantic": Array [
283
- "SystemColorWindowColor",
282
+ "resource_paths": Array [
283
+ "Window",
284
284
  ],
285
285
  },
286
286
  "neutralBackground3Hover": Object {
287
- "semantic": Array [
288
- "SystemColorHighlightColor",
287
+ "resource_paths": Array [
288
+ "Highlight",
289
289
  ],
290
290
  },
291
291
  "neutralBackground3Pressed": Object {
292
- "semantic": Array [
293
- "SystemColorHighlightColor",
292
+ "resource_paths": Array [
293
+ "Highlight",
294
294
  ],
295
295
  },
296
296
  "neutralBackground3Selected": Object {
297
- "semantic": Array [
298
- "SystemColorHighlightColor",
297
+ "resource_paths": Array [
298
+ "Highlight",
299
299
  ],
300
300
  },
301
301
  "neutralBackground4": Object {
302
- "semantic": Array [
303
- "SystemColorWindowColor",
302
+ "resource_paths": Array [
303
+ "Window",
304
304
  ],
305
305
  },
306
306
  "neutralBackground4Hover": Object {
307
- "semantic": Array [
308
- "SystemColorHighlightColor",
307
+ "resource_paths": Array [
308
+ "Highlight",
309
309
  ],
310
310
  },
311
311
  "neutralBackground4Pressed": Object {
312
- "semantic": Array [
313
- "SystemColorHighlightColor",
312
+ "resource_paths": Array [
313
+ "Highlight",
314
314
  ],
315
315
  },
316
316
  "neutralBackground4Selected": Object {
317
- "semantic": Array [
318
- "SystemColorHighlightColor",
317
+ "resource_paths": Array [
318
+ "Highlight",
319
319
  ],
320
320
  },
321
321
  "neutralBackground5": Object {
322
- "semantic": Array [
323
- "SystemColorWindowColor",
322
+ "resource_paths": Array [
323
+ "Window",
324
324
  ],
325
325
  },
326
326
  "neutralBackground5Hover": Object {
327
- "semantic": Array [
328
- "SystemColorHighlightColor",
327
+ "resource_paths": Array [
328
+ "Highlight",
329
329
  ],
330
330
  },
331
331
  "neutralBackground5Pressed": Object {
332
- "semantic": Array [
333
- "SystemColorHighlightColor",
332
+ "resource_paths": Array [
333
+ "Highlight",
334
334
  ],
335
335
  },
336
336
  "neutralBackground5Selected": Object {
337
- "semantic": Array [
338
- "SystemColorHighlightColor",
337
+ "resource_paths": Array [
338
+ "Highlight",
339
339
  ],
340
340
  },
341
341
  "neutralBackground6": Object {
342
- "semantic": Array [
343
- "SystemColorWindowColor",
342
+ "resource_paths": Array [
343
+ "Window",
344
344
  ],
345
345
  },
346
346
  "neutralBackgroundDisabled": Object {
347
- "semantic": Array [
348
- "SystemColorWindowColor",
347
+ "resource_paths": Array [
348
+ "Window",
349
349
  ],
350
350
  },
351
351
  "neutralBackgroundInverted": Object {
352
- "semantic": Array [
353
- "SystemColorWindowTextColor",
352
+ "resource_paths": Array [
353
+ "WindowText",
354
354
  ],
355
355
  },
356
356
  "neutralForeground1": Object {
357
- "semantic": Array [
358
- "SystemColorWindowTextColor",
357
+ "resource_paths": Array [
358
+ "WindowText",
359
359
  ],
360
360
  },
361
361
  "neutralForeground1Hover": Object {
362
- "semantic": Array [
363
- "SystemColorHighlightTextColor",
362
+ "resource_paths": Array [
363
+ "HighlightText",
364
364
  ],
365
365
  },
366
366
  "neutralForeground1Pressed": Object {
367
- "semantic": Array [
368
- "SystemColorHighlightTextColor",
367
+ "resource_paths": Array [
368
+ "HighlightText",
369
369
  ],
370
370
  },
371
371
  "neutralForeground1Selected": Object {
372
- "semantic": Array [
373
- "SystemColorHighlightTextColor",
372
+ "resource_paths": Array [
373
+ "HighlightText",
374
374
  ],
375
375
  },
376
376
  "neutralForeground2": Object {
377
- "semantic": Array [
378
- "SystemColorWindowTextColor",
377
+ "resource_paths": Array [
378
+ "WindowText",
379
379
  ],
380
380
  },
381
381
  "neutralForeground2BrandHover": Object {
382
- "semantic": Array [
383
- "SystemColorHighlightTextColor",
382
+ "resource_paths": Array [
383
+ "HighlightText",
384
384
  ],
385
385
  },
386
386
  "neutralForeground2BrandPressed": Object {
387
- "semantic": Array [
388
- "SystemColorHighlightTextColor",
387
+ "resource_paths": Array [
388
+ "HighlightText",
389
389
  ],
390
390
  },
391
391
  "neutralForeground2BrandSelected": Object {
392
- "semantic": Array [
393
- "SystemColorHighlightTextColor",
392
+ "resource_paths": Array [
393
+ "HighlightText",
394
394
  ],
395
395
  },
396
396
  "neutralForeground2Hover": Object {
397
- "semantic": Array [
398
- "SystemColorHighlightTextColor",
397
+ "resource_paths": Array [
398
+ "HighlightText",
399
399
  ],
400
400
  },
401
401
  "neutralForeground2Pressed": Object {
402
- "semantic": Array [
403
- "SystemColorHighlightTextColor",
402
+ "resource_paths": Array [
403
+ "HighlightText",
404
404
  ],
405
405
  },
406
406
  "neutralForeground2Selected": Object {
407
- "semantic": Array [
408
- "SystemColorHighlightTextColor",
407
+ "resource_paths": Array [
408
+ "HighlightText",
409
409
  ],
410
410
  },
411
411
  "neutralForeground3": Object {
412
- "semantic": Array [
413
- "SystemColorWindowTextColor",
412
+ "resource_paths": Array [
413
+ "WindowText",
414
414
  ],
415
415
  },
416
416
  "neutralForeground3BrandHover": Object {
417
- "semantic": Array [
418
- "SystemColorHighlightTextColor",
417
+ "resource_paths": Array [
418
+ "HighlightText",
419
419
  ],
420
420
  },
421
421
  "neutralForeground3BrandPressed": Object {
422
- "semantic": Array [
423
- "SystemColorHighlightTextColor",
422
+ "resource_paths": Array [
423
+ "HighlightText",
424
424
  ],
425
425
  },
426
426
  "neutralForeground3BrandSelected": Object {
427
- "semantic": Array [
428
- "SystemColorHighlightTextColor",
427
+ "resource_paths": Array [
428
+ "HighlightText",
429
429
  ],
430
430
  },
431
431
  "neutralForeground3Hover": Object {
432
- "semantic": Array [
433
- "SystemColorHighlightTextColor",
432
+ "resource_paths": Array [
433
+ "HighlightText",
434
434
  ],
435
435
  },
436
436
  "neutralForeground3Pressed": Object {
437
- "semantic": Array [
438
- "SystemColorHighlightTextColor",
437
+ "resource_paths": Array [
438
+ "HighlightText",
439
439
  ],
440
440
  },
441
441
  "neutralForeground3Selected": Object {
442
- "semantic": Array [
443
- "SystemColorHighlightTextColor",
442
+ "resource_paths": Array [
443
+ "HighlightText",
444
444
  ],
445
445
  },
446
446
  "neutralForeground4": Object {
447
- "semantic": Array [
448
- "SystemColorWindowTextColor",
447
+ "resource_paths": Array [
448
+ "WindowText",
449
449
  ],
450
450
  },
451
451
  "neutralForegroundDisabled": Object {
452
- "semantic": Array [
453
- "SystemColorGrayTextColor",
452
+ "resource_paths": Array [
453
+ "GrayText",
454
454
  ],
455
455
  },
456
456
  "neutralForegroundInverted": Object {
457
- "semantic": Array [
458
- "SystemColorWindowColor",
457
+ "resource_paths": Array [
458
+ "Window",
459
459
  ],
460
460
  },
461
461
  "neutralForegroundInvertedLink": Object {
462
- "semantic": Array [
463
- "SystemColorHotlightColor",
462
+ "resource_paths": Array [
463
+ "Hotlight",
464
464
  ],
465
465
  },
466
466
  "neutralForegroundInvertedLinkHover": Object {
467
- "semantic": Array [
468
- "SystemColorHotlightColor",
467
+ "resource_paths": Array [
468
+ "Hotlight",
469
469
  ],
470
470
  },
471
471
  "neutralForegroundInvertedLinkPressed": Object {
472
- "semantic": Array [
473
- "SystemColorHotlightColor",
472
+ "resource_paths": Array [
473
+ "Hotlight",
474
474
  ],
475
475
  },
476
476
  "neutralForegroundInvertedLinkSelected": Object {
477
- "semantic": Array [
478
- "SystemColorHotlightColor",
477
+ "resource_paths": Array [
478
+ "Hotlight",
479
479
  ],
480
480
  },
481
481
  "neutralForegroundOnBrand": Object {
482
- "semantic": Array [
483
- "SystemColorButtonTextColor",
482
+ "resource_paths": Array [
483
+ "ButtonText",
484
484
  ],
485
485
  },
486
486
  "neutralForegroundOnBrandHover": Object {
487
- "semantic": Array [
488
- "SystemColorHighlightTextColor",
487
+ "resource_paths": Array [
488
+ "HighlightText",
489
489
  ],
490
490
  },
491
491
  "neutralForegroundOnBrandPressed": Object {
492
- "semantic": Array [
493
- "SystemColorHighlightTextColor",
492
+ "resource_paths": Array [
493
+ "HighlightText",
494
494
  ],
495
495
  },
496
496
  "neutralForegroundOnBrandSelected": Object {
497
- "semantic": Array [
498
- "SystemColorHighlightTextColor",
497
+ "resource_paths": Array [
498
+ "HighlightText",
499
499
  ],
500
500
  },
501
501
  "neutralStencil1": "#141414",
502
502
  "neutralStencil2": "#858585",
503
503
  "neutralStroke1": Object {
504
- "semantic": Array [
505
- "SystemColorWindowTextColor",
504
+ "resource_paths": Array [
505
+ "WindowText",
506
506
  ],
507
507
  },
508
508
  "neutralStroke1Hover": Object {
509
- "semantic": Array [
510
- "SystemColorHighlightColor",
509
+ "resource_paths": Array [
510
+ "Highlight",
511
511
  ],
512
512
  },
513
513
  "neutralStroke1Pressed": Object {
514
- "semantic": Array [
515
- "SystemColorHighlightColor",
514
+ "resource_paths": Array [
515
+ "Highlight",
516
516
  ],
517
517
  },
518
518
  "neutralStroke1Selected": Object {
519
- "semantic": Array [
520
- "SystemColorHighlightColor",
519
+ "resource_paths": Array [
520
+ "Highlight",
521
521
  ],
522
522
  },
523
523
  "neutralStroke2": Object {
524
- "semantic": Array [
525
- "SystemColorWindowTextColor",
524
+ "resource_paths": Array [
525
+ "WindowText",
526
526
  ],
527
527
  },
528
528
  "neutralStroke3": Object {
529
- "semantic": Array [
530
- "SystemColorWindowTextColor",
529
+ "resource_paths": Array [
530
+ "WindowText",
531
531
  ],
532
532
  },
533
533
  "neutralStrokeAccessible": Object {
534
- "semantic": Array [
535
- "SystemColorWindowTextColor",
534
+ "resource_paths": Array [
535
+ "WindowText",
536
536
  ],
537
537
  },
538
538
  "neutralStrokeAccessibleHover": Object {
539
- "semantic": Array [
540
- "SystemColorHighlightColor",
539
+ "resource_paths": Array [
540
+ "Highlight",
541
541
  ],
542
542
  },
543
543
  "neutralStrokeAccessiblePressed": Object {
544
- "semantic": Array [
545
- "SystemColorHighlightColor",
544
+ "resource_paths": Array [
545
+ "Highlight",
546
546
  ],
547
547
  },
548
548
  "neutralStrokeAccessibleSelected": Object {
549
- "semantic": Array [
550
- "SystemColorHighlightColor",
549
+ "resource_paths": Array [
550
+ "Highlight",
551
551
  ],
552
552
  },
553
553
  "neutralStrokeDisabled": Object {
554
- "semantic": Array [
555
- "SystemColorGrayTextColor",
554
+ "resource_paths": Array [
555
+ "GrayText",
556
556
  ],
557
557
  },
558
558
  "redBackground1": Object {
559
- "semantic": Array [
560
- "SystemColorButtonFaceColor",
559
+ "resource_paths": Array [
560
+ "ButtonFace",
561
561
  ],
562
562
  },
563
563
  "redBackground2": Object {
564
- "semantic": Array [
565
- "SystemColorWindowColor",
564
+ "resource_paths": Array [
565
+ "Window",
566
566
  ],
567
567
  },
568
568
  "redBackground3": Object {
569
- "semantic": Array [
570
- "SystemColorButtonFaceColor",
569
+ "resource_paths": Array [
570
+ "ButtonFace",
571
571
  ],
572
572
  },
573
573
  "redBorder1": Object {
574
- "semantic": Array [
575
- "SystemColorWindowTextColor",
574
+ "resource_paths": Array [
575
+ "WindowText",
576
576
  ],
577
577
  },
578
578
  "redBorder2": Object {
579
- "semantic": Array [
580
- "SystemColorWindowTextColor",
579
+ "resource_paths": Array [
580
+ "WindowText",
581
581
  ],
582
582
  },
583
583
  "redBorderActive": Object {
584
- "semantic": Array [
585
- "SystemColorHighlightColor",
584
+ "resource_paths": Array [
585
+ "Highlight",
586
586
  ],
587
587
  },
588
588
  "redForeground1": Object {
589
- "semantic": Array [
590
- "SystemColorButtonTextColor",
589
+ "resource_paths": Array [
590
+ "ButtonText",
591
591
  ],
592
592
  },
593
593
  "redForeground2": Object {
594
- "semantic": Array [
595
- "SystemColorWindowColor",
594
+ "resource_paths": Array [
595
+ "Window",
596
596
  ],
597
597
  },
598
598
  "redForeground3": Object {
599
- "semantic": Array [
600
- "SystemColorButtonFaceColor",
599
+ "resource_paths": Array [
600
+ "ButtonFace",
601
601
  ],
602
602
  },
603
603
  "strokeFocus1": Object {
604
- "semantic": Array [
605
- "SystemColorWindowColor",
604
+ "resource_paths": Array [
605
+ "Window",
606
606
  ],
607
607
  },
608
608
  "strokeFocus2": Object {
609
- "semantic": Array [
610
- "SystemColorHighlightColor",
609
+ "resource_paths": Array [
610
+ "Highlight",
611
611
  ],
612
612
  },
613
613
  "subtleBackground": "transparent",
614
614
  "subtleBackgroundHover": Object {
615
- "semantic": Array [
616
- "SystemColorHighlightColor",
615
+ "resource_paths": Array [
616
+ "Highlight",
617
617
  ],
618
618
  },
619
619
  "subtleBackgroundPressed": Object {
620
- "semantic": Array [
621
- "SystemColorHighlightColor",
620
+ "resource_paths": Array [
621
+ "Highlight",
622
622
  ],
623
623
  },
624
624
  "subtleBackgroundSelected": Object {
625
- "semantic": Array [
626
- "SystemColorHighlightColor",
625
+ "resource_paths": Array [
626
+ "Highlight",
627
627
  ],
628
628
  },
629
629
  "transparentBackground": "transparent",
@@ -631,18 +631,18 @@ Object {
631
631
  "transparentBackgroundPressed": "transparent",
632
632
  "transparentBackgroundSelected": "transparent",
633
633
  "transparentStroke": Object {
634
- "semantic": Array [
635
- "SystemColorWindowTextColor",
634
+ "resource_paths": Array [
635
+ "WindowText",
636
636
  ],
637
637
  },
638
638
  "transparentStrokeDisabled": Object {
639
- "semantic": Array [
640
- "SystemColorGrayTextColor",
639
+ "resource_paths": Array [
640
+ "GrayText",
641
641
  ],
642
642
  },
643
643
  "transparentStrokeInteractive": Object {
644
- "semantic": Array [
645
- "SystemColorHighlightColor",
644
+ "resource_paths": Array [
645
+ "Highlight",
646
646
  ],
647
647
  },
648
648
  }
@@ -769,7 +769,7 @@ Object {
769
769
  exports[`createDefaultTheme test themeOption - { appearance: 'dark', defaultAppearance: 'light' } 1`] = `
770
770
  Object {
771
771
  "colors": Object {
772
- "accentButtonBackground": "#0c3b5e",
772
+ "accentButtonBackground": "#185abd",
773
773
  "accentButtonText": "#1b1a19",
774
774
  "actionLink": "#f3f2f1",
775
775
  "actionLinkHovered": "#faf9f8",
@@ -798,8 +798,8 @@ Object {
798
798
  "brandForegroundLinkSelected": "#2899f5",
799
799
  "brandStroke1": "#2899f5",
800
800
  "brandStroke2": "#004c87",
801
- "brandedBackground": "#2886de",
802
- "brandedBorder": "#479ef5",
801
+ "brandedBackground": "#2e6ac5",
802
+ "brandedBorder": "#aec6eb",
803
803
  "brandedCheckedBackground": "#484644",
804
804
  "brandedCheckedContent": "#faf9f8",
805
805
  "brandedCheckedHoveredBackground": "#292827",
@@ -809,19 +809,19 @@ Object {
809
809
  "brandedDisabledBorder": "#252423",
810
810
  "brandedDisabledContent": "#3b3a39",
811
811
  "brandedDisabledIcon": "#3b3a39",
812
- "brandedFocusedBackground": "#479ef5",
813
- "brandedFocusedBorder": "#62abf5",
812
+ "brandedFocusedBackground": "#6794d7",
813
+ "brandedFocusedBorder": "#82c7ff",
814
814
  "brandedFocusedContent": "#1b1a19",
815
815
  "brandedFocusedIcon": "#1b1a19",
816
816
  "brandedFocusedSecondaryContent": "#201f1e",
817
- "brandedHoveredBackground": "#479ef5",
818
- "brandedHoveredBorder": "#62abf5",
817
+ "brandedHoveredBackground": "#6794d7",
818
+ "brandedHoveredBorder": "#82c7ff",
819
819
  "brandedHoveredContent": "#1b1a19",
820
820
  "brandedHoveredIcon": "#1b1a19",
821
821
  "brandedHoveredSecondaryContent": "#201f1e",
822
822
  "brandedIcon": "#1b1a19",
823
- "brandedPressedBackground": "#479ef5",
824
- "brandedPressedBorder": "#62abf5",
823
+ "brandedPressedBackground": "#aec6eb",
824
+ "brandedPressedBorder": "#82c7ff",
825
825
  "brandedPressedContent": "#1b1a19",
826
826
  "brandedPressedIcon": "#1b1a19",
827
827
  "brandedPressedSecondaryContent": "#201f1e",
@@ -841,7 +841,7 @@ Object {
841
841
  "buttonTextDisabled": "#797775",
842
842
  "buttonTextHovered": "#f3f2f1",
843
843
  "buttonTextPressed": "#faf9f8",
844
- "checkboxBackground": "#2886de",
844
+ "checkboxBackground": "#2e6ac5",
845
845
  "checkboxBackgroundDisabled": "#252423",
846
846
  "checkboxBorderColor": "#979693",
847
847
  "checkmarkColor": "#1b1a19",
@@ -920,18 +920,18 @@ Object {
920
920
  "ghostPressedSecondaryContent": "#a19f9d",
921
921
  "ghostSecondaryContent": "#a19f9d",
922
922
  "inputBackground": "#1b1a19",
923
- "inputBackgroundChecked": "#2886de",
924
- "inputBackgroundCheckedHovered": "#479ef5",
923
+ "inputBackgroundChecked": "#2e6ac5",
924
+ "inputBackgroundCheckedHovered": "#6794d7",
925
925
  "inputBorder": "#797775",
926
926
  "inputBorderHovered": "#f3f2f1",
927
- "inputFocusBorderAlt": "#2886de",
927
+ "inputFocusBorderAlt": "#2e6ac5",
928
928
  "inputForegroundChecked": "#1b1a19",
929
929
  "inputPlaceholderText": "#a19f9d",
930
930
  "inputText": "#f3f2f1",
931
931
  "inputTextHovered": "#faf9f8",
932
- "link": "#2886de",
933
- "linkHovered": "#62abf5",
934
- "linkPressed": "#479ef5",
932
+ "link": "#2e6ac5",
933
+ "linkHovered": "#82c7ff",
934
+ "linkPressed": "#aec6eb",
935
935
  "listBackground": "#1b1a19",
936
936
  "listHeaderBackgroundHovered": "#252423",
937
937
  "listHeaderBackgroundPressed": "#292827",
@@ -942,7 +942,7 @@ Object {
942
942
  "menuBackground": "#252423",
943
943
  "menuDivider": "#484644",
944
944
  "menuHeader": "#ffffff",
945
- "menuIcon": "#479ef5",
945
+ "menuIcon": "#6794d7",
946
946
  "menuItemBackgroundHovered": "#323130",
947
947
  "menuItemBackgroundPressed": "#3b3a39",
948
948
  "menuItemText": "#f3f2f1",
@@ -1012,12 +1012,12 @@ Object {
1012
1012
  "neutralStrokeAccessiblePressed": "#b3b3b3",
1013
1013
  "neutralStrokeAccessibleSelected": "#3aa0f3",
1014
1014
  "neutralStrokeDisabled": "#424242",
1015
- "personaActivityGlow": "#2886de",
1015
+ "personaActivityGlow": "#2e6ac5",
1016
1016
  "personaActivityRing": "#1b1a19",
1017
- "primaryButtonBackground": "#2886de",
1017
+ "primaryButtonBackground": "#2e6ac5",
1018
1018
  "primaryButtonBackgroundDisabled": "#252423",
1019
- "primaryButtonBackgroundHovered": "#479ef5",
1020
- "primaryButtonBackgroundPressed": "#479ef5",
1019
+ "primaryButtonBackgroundHovered": "#6794d7",
1020
+ "primaryButtonBackgroundPressed": "#aec6eb",
1021
1021
  "primaryButtonBorder": "transparent",
1022
1022
  "primaryButtonBorderFocused": "transparent",
1023
1023
  "primaryButtonText": "#1b1a19",
@@ -1240,19 +1240,19 @@ Object {
1240
1240
  "families": Object {
1241
1241
  "cursive": "System",
1242
1242
  "monospace": "System",
1243
- "primary": "System",
1243
+ "primary": "Segoe UI",
1244
1244
  "sansSerif": "System",
1245
- "secondary": "System",
1245
+ "secondary": "Segoe UI",
1246
1246
  "serif": "System",
1247
1247
  },
1248
1248
  "sizes": Object {
1249
- "body": 15,
1250
- "caption": 12,
1249
+ "body": 14,
1250
+ "caption": 10,
1251
1251
  "header": 20,
1252
1252
  "hero": 28,
1253
- "heroLarge": 60,
1254
- "secondary": 13,
1255
- "subheader": 17,
1253
+ "heroLarge": 40,
1254
+ "secondary": 12,
1255
+ "subheader": 16,
1256
1256
  },
1257
1257
  "variants": Object {
1258
1258
  "body1": Object {
@@ -1397,7 +1397,7 @@ Object {
1397
1397
  exports[`createDefaultTheme test themeOption - { appearance: 'dynamic', defaultAppearance: 'light' } 1`] = `
1398
1398
  Object {
1399
1399
  "colors": Object {
1400
- "accentButtonBackground": "#0c3b5e",
1400
+ "accentButtonBackground": "#185abd",
1401
1401
  "accentButtonText": "#1b1a19",
1402
1402
  "actionLink": "#f3f2f1",
1403
1403
  "actionLinkHovered": "#faf9f8",
@@ -1426,8 +1426,8 @@ Object {
1426
1426
  "brandForegroundLinkSelected": "#2899f5",
1427
1427
  "brandStroke1": "#2899f5",
1428
1428
  "brandStroke2": "#004c87",
1429
- "brandedBackground": "#2886de",
1430
- "brandedBorder": "#479ef5",
1429
+ "brandedBackground": "#2e6ac5",
1430
+ "brandedBorder": "#aec6eb",
1431
1431
  "brandedCheckedBackground": "#484644",
1432
1432
  "brandedCheckedContent": "#faf9f8",
1433
1433
  "brandedCheckedHoveredBackground": "#292827",
@@ -1437,19 +1437,19 @@ Object {
1437
1437
  "brandedDisabledBorder": "#252423",
1438
1438
  "brandedDisabledContent": "#3b3a39",
1439
1439
  "brandedDisabledIcon": "#3b3a39",
1440
- "brandedFocusedBackground": "#479ef5",
1441
- "brandedFocusedBorder": "#62abf5",
1440
+ "brandedFocusedBackground": "#6794d7",
1441
+ "brandedFocusedBorder": "#82c7ff",
1442
1442
  "brandedFocusedContent": "#1b1a19",
1443
1443
  "brandedFocusedIcon": "#1b1a19",
1444
1444
  "brandedFocusedSecondaryContent": "#201f1e",
1445
- "brandedHoveredBackground": "#479ef5",
1446
- "brandedHoveredBorder": "#62abf5",
1445
+ "brandedHoveredBackground": "#6794d7",
1446
+ "brandedHoveredBorder": "#82c7ff",
1447
1447
  "brandedHoveredContent": "#1b1a19",
1448
1448
  "brandedHoveredIcon": "#1b1a19",
1449
1449
  "brandedHoveredSecondaryContent": "#201f1e",
1450
1450
  "brandedIcon": "#1b1a19",
1451
- "brandedPressedBackground": "#479ef5",
1452
- "brandedPressedBorder": "#62abf5",
1451
+ "brandedPressedBackground": "#aec6eb",
1452
+ "brandedPressedBorder": "#82c7ff",
1453
1453
  "brandedPressedContent": "#1b1a19",
1454
1454
  "brandedPressedIcon": "#1b1a19",
1455
1455
  "brandedPressedSecondaryContent": "#201f1e",
@@ -1469,7 +1469,7 @@ Object {
1469
1469
  "buttonTextDisabled": "#797775",
1470
1470
  "buttonTextHovered": "#f3f2f1",
1471
1471
  "buttonTextPressed": "#faf9f8",
1472
- "checkboxBackground": "#2886de",
1472
+ "checkboxBackground": "#2e6ac5",
1473
1473
  "checkboxBackgroundDisabled": "#252423",
1474
1474
  "checkboxBorderColor": "#979693",
1475
1475
  "checkmarkColor": "#1b1a19",
@@ -1548,18 +1548,18 @@ Object {
1548
1548
  "ghostPressedSecondaryContent": "#a19f9d",
1549
1549
  "ghostSecondaryContent": "#a19f9d",
1550
1550
  "inputBackground": "#1b1a19",
1551
- "inputBackgroundChecked": "#2886de",
1552
- "inputBackgroundCheckedHovered": "#479ef5",
1551
+ "inputBackgroundChecked": "#2e6ac5",
1552
+ "inputBackgroundCheckedHovered": "#6794d7",
1553
1553
  "inputBorder": "#797775",
1554
1554
  "inputBorderHovered": "#f3f2f1",
1555
- "inputFocusBorderAlt": "#2886de",
1555
+ "inputFocusBorderAlt": "#2e6ac5",
1556
1556
  "inputForegroundChecked": "#1b1a19",
1557
1557
  "inputPlaceholderText": "#a19f9d",
1558
1558
  "inputText": "#f3f2f1",
1559
1559
  "inputTextHovered": "#faf9f8",
1560
- "link": "#2886de",
1561
- "linkHovered": "#62abf5",
1562
- "linkPressed": "#479ef5",
1560
+ "link": "#2e6ac5",
1561
+ "linkHovered": "#82c7ff",
1562
+ "linkPressed": "#aec6eb",
1563
1563
  "listBackground": "#1b1a19",
1564
1564
  "listHeaderBackgroundHovered": "#252423",
1565
1565
  "listHeaderBackgroundPressed": "#292827",
@@ -1570,7 +1570,7 @@ Object {
1570
1570
  "menuBackground": "#252423",
1571
1571
  "menuDivider": "#484644",
1572
1572
  "menuHeader": "#ffffff",
1573
- "menuIcon": "#479ef5",
1573
+ "menuIcon": "#6794d7",
1574
1574
  "menuItemBackgroundHovered": "#323130",
1575
1575
  "menuItemBackgroundPressed": "#3b3a39",
1576
1576
  "menuItemText": "#f3f2f1",
@@ -1640,12 +1640,12 @@ Object {
1640
1640
  "neutralStrokeAccessiblePressed": "#b3b3b3",
1641
1641
  "neutralStrokeAccessibleSelected": "#3aa0f3",
1642
1642
  "neutralStrokeDisabled": "#424242",
1643
- "personaActivityGlow": "#2886de",
1643
+ "personaActivityGlow": "#2e6ac5",
1644
1644
  "personaActivityRing": "#1b1a19",
1645
- "primaryButtonBackground": "#2886de",
1645
+ "primaryButtonBackground": "#2e6ac5",
1646
1646
  "primaryButtonBackgroundDisabled": "#252423",
1647
- "primaryButtonBackgroundHovered": "#479ef5",
1648
- "primaryButtonBackgroundPressed": "#479ef5",
1647
+ "primaryButtonBackgroundHovered": "#6794d7",
1648
+ "primaryButtonBackgroundPressed": "#aec6eb",
1649
1649
  "primaryButtonBorder": "transparent",
1650
1650
  "primaryButtonBorderFocused": "transparent",
1651
1651
  "primaryButtonText": "#1b1a19",
@@ -1868,19 +1868,19 @@ Object {
1868
1868
  "families": Object {
1869
1869
  "cursive": "System",
1870
1870
  "monospace": "System",
1871
- "primary": "System",
1871
+ "primary": "Segoe UI",
1872
1872
  "sansSerif": "System",
1873
- "secondary": "System",
1873
+ "secondary": "Segoe UI",
1874
1874
  "serif": "System",
1875
1875
  },
1876
1876
  "sizes": Object {
1877
- "body": 15,
1878
- "caption": 12,
1877
+ "body": 14,
1878
+ "caption": 10,
1879
1879
  "header": 20,
1880
1880
  "hero": 28,
1881
- "heroLarge": 60,
1882
- "secondary": 13,
1883
- "subheader": 17,
1881
+ "heroLarge": 40,
1882
+ "secondary": 12,
1883
+ "subheader": 16,
1884
1884
  },
1885
1885
  "variants": Object {
1886
1886
  "body1": Object {
@@ -2038,76 +2038,76 @@ Object {
2038
2038
  "bodyText": "#ffffff",
2039
2039
  "bodyTextChecked": "#000000",
2040
2040
  "brandBackground": Object {
2041
- "semantic": Array [
2042
- "SystemColorButtonFaceColor",
2041
+ "resource_paths": Array [
2042
+ "ButtonFace",
2043
2043
  ],
2044
2044
  },
2045
2045
  "brandBackground2": Object {
2046
- "semantic": Array [
2047
- "SystemColorButtonFaceColor",
2046
+ "resource_paths": Array [
2047
+ "ButtonFace",
2048
2048
  ],
2049
2049
  },
2050
2050
  "brandBackgroundDisabled": undefined,
2051
2051
  "brandBackgroundHover": Object {
2052
- "semantic": Array [
2053
- "SystemColorHighlightColor",
2052
+ "resource_paths": Array [
2053
+ "Highlight",
2054
2054
  ],
2055
2055
  },
2056
2056
  "brandBackgroundPressed": Object {
2057
- "semantic": Array [
2058
- "SystemColorHighlightColor",
2057
+ "resource_paths": Array [
2058
+ "Highlight",
2059
2059
  ],
2060
2060
  },
2061
2061
  "brandBackgroundSelected": Object {
2062
- "semantic": Array [
2063
- "SystemColorHighlightColor",
2062
+ "resource_paths": Array [
2063
+ "Highlight",
2064
2064
  ],
2065
2065
  },
2066
2066
  "brandBackgroundStatic": Object {
2067
- "semantic": Array [
2068
- "SystemColorWindowColor",
2067
+ "resource_paths": Array [
2068
+ "Window",
2069
2069
  ],
2070
2070
  },
2071
2071
  "brandForeground1": Object {
2072
- "semantic": Array [
2073
- "SystemColorWindowTextColor",
2072
+ "resource_paths": Array [
2073
+ "WindowText",
2074
2074
  ],
2075
2075
  },
2076
2076
  "brandForeground1Disabled": undefined,
2077
2077
  "brandForeground1Pressed": undefined,
2078
2078
  "brandForeground2": Object {
2079
- "semantic": Array [
2080
- "SystemColorButtonTextColor",
2079
+ "resource_paths": Array [
2080
+ "ButtonText",
2081
2081
  ],
2082
2082
  },
2083
2083
  "brandForegroundLink": Object {
2084
- "semantic": Array [
2085
- "SystemColorHotlightColor",
2084
+ "resource_paths": Array [
2085
+ "Hotlight",
2086
2086
  ],
2087
2087
  },
2088
2088
  "brandForegroundLinkHover": Object {
2089
- "semantic": Array [
2090
- "SystemColorHotlightColor",
2089
+ "resource_paths": Array [
2090
+ "Hotlight",
2091
2091
  ],
2092
2092
  },
2093
2093
  "brandForegroundLinkPressed": Object {
2094
- "semantic": Array [
2095
- "SystemColorHotlightColor",
2094
+ "resource_paths": Array [
2095
+ "Hotlight",
2096
2096
  ],
2097
2097
  },
2098
2098
  "brandForegroundLinkSelected": Object {
2099
- "semantic": Array [
2100
- "SystemColorHotlightColor",
2099
+ "resource_paths": Array [
2100
+ "Hotlight",
2101
2101
  ],
2102
2102
  },
2103
2103
  "brandStroke1": Object {
2104
- "semantic": Array [
2105
- "SystemColorWindowTextColor",
2104
+ "resource_paths": Array [
2105
+ "WindowText",
2106
2106
  ],
2107
2107
  },
2108
2108
  "brandStroke2": Object {
2109
- "semantic": Array [
2110
- "SystemColorWindowColor",
2109
+ "resource_paths": Array [
2110
+ "Window",
2111
2111
  ],
2112
2112
  },
2113
2113
  "brandedBackground": "#000000",
@@ -2158,48 +2158,48 @@ Object {
2158
2158
  "checkboxBorderColor": "#ffffff",
2159
2159
  "checkmarkColor": "#ffffff",
2160
2160
  "compoundBrandBackground1": Object {
2161
- "semantic": Array [
2162
- "SystemColorHighlightColor",
2161
+ "resource_paths": Array [
2162
+ "Highlight",
2163
2163
  ],
2164
2164
  },
2165
2165
  "compoundBrandBackground1Hover": Object {
2166
- "semantic": Array [
2167
- "SystemColorHighlightColor",
2166
+ "resource_paths": Array [
2167
+ "Highlight",
2168
2168
  ],
2169
2169
  },
2170
2170
  "compoundBrandBackground1Pressed": Object {
2171
- "semantic": Array [
2172
- "SystemColorHighlightColor",
2171
+ "resource_paths": Array [
2172
+ "Highlight",
2173
2173
  ],
2174
2174
  },
2175
2175
  "compoundBrandForeground1": Object {
2176
- "semantic": Array [
2177
- "SystemColorHighlightColor",
2176
+ "resource_paths": Array [
2177
+ "Highlight",
2178
2178
  ],
2179
2179
  },
2180
2180
  "compoundBrandForeground1Hover": Object {
2181
- "semantic": Array [
2182
- "SystemColorHighlightColor",
2181
+ "resource_paths": Array [
2182
+ "Highlight",
2183
2183
  ],
2184
2184
  },
2185
2185
  "compoundBrandForeground1Pressed": Object {
2186
- "semantic": Array [
2187
- "SystemColorHighlightColor",
2186
+ "resource_paths": Array [
2187
+ "Highlight",
2188
2188
  ],
2189
2189
  },
2190
2190
  "compoundBrandStroke1": Object {
2191
- "semantic": Array [
2192
- "SystemColorHighlightColor",
2191
+ "resource_paths": Array [
2192
+ "Highlight",
2193
2193
  ],
2194
2194
  },
2195
2195
  "compoundBrandStroke1Hover": Object {
2196
- "semantic": Array [
2197
- "SystemColorHighlightColor",
2196
+ "resource_paths": Array [
2197
+ "Highlight",
2198
2198
  ],
2199
2199
  },
2200
2200
  "compoundBrandStroke1Pressed": Object {
2201
- "semantic": Array [
2202
- "SystemColorHighlightColor",
2201
+ "resource_paths": Array [
2202
+ "Highlight",
2203
2203
  ],
2204
2204
  },
2205
2205
  "defaultBackground": "#000000",
@@ -2296,320 +2296,320 @@ Object {
2296
2296
  "menuItemText": "#ffffff",
2297
2297
  "menuItemTextHovered": "#000000",
2298
2298
  "neutralBackground1": Object {
2299
- "semantic": Array [
2300
- "SystemColorWindowColor",
2299
+ "resource_paths": Array [
2300
+ "Window",
2301
2301
  ],
2302
2302
  },
2303
2303
  "neutralBackground1Hover": Object {
2304
- "semantic": Array [
2305
- "SystemColorHighlightColor",
2304
+ "resource_paths": Array [
2305
+ "Highlight",
2306
2306
  ],
2307
2307
  },
2308
2308
  "neutralBackground1Pressed": Object {
2309
- "semantic": Array [
2310
- "SystemColorHighlightColor",
2309
+ "resource_paths": Array [
2310
+ "Highlight",
2311
2311
  ],
2312
2312
  },
2313
2313
  "neutralBackground1Selected": Object {
2314
- "semantic": Array [
2315
- "SystemColorHighlightColor",
2314
+ "resource_paths": Array [
2315
+ "Highlight",
2316
2316
  ],
2317
2317
  },
2318
2318
  "neutralBackground2": Object {
2319
- "semantic": Array [
2320
- "SystemColorWindowColor",
2319
+ "resource_paths": Array [
2320
+ "Window",
2321
2321
  ],
2322
2322
  },
2323
2323
  "neutralBackground2Hover": Object {
2324
- "semantic": Array [
2325
- "SystemColorHighlightColor",
2324
+ "resource_paths": Array [
2325
+ "Highlight",
2326
2326
  ],
2327
2327
  },
2328
2328
  "neutralBackground2Pressed": Object {
2329
- "semantic": Array [
2330
- "SystemColorHighlightColor",
2329
+ "resource_paths": Array [
2330
+ "Highlight",
2331
2331
  ],
2332
2332
  },
2333
2333
  "neutralBackground2Selected": Object {
2334
- "semantic": Array [
2335
- "SystemColorHighlightColor",
2334
+ "resource_paths": Array [
2335
+ "Highlight",
2336
2336
  ],
2337
2337
  },
2338
2338
  "neutralBackground3": Object {
2339
- "semantic": Array [
2340
- "SystemColorWindowColor",
2339
+ "resource_paths": Array [
2340
+ "Window",
2341
2341
  ],
2342
2342
  },
2343
2343
  "neutralBackground3Hover": Object {
2344
- "semantic": Array [
2345
- "SystemColorHighlightColor",
2344
+ "resource_paths": Array [
2345
+ "Highlight",
2346
2346
  ],
2347
2347
  },
2348
2348
  "neutralBackground3Pressed": Object {
2349
- "semantic": Array [
2350
- "SystemColorHighlightColor",
2349
+ "resource_paths": Array [
2350
+ "Highlight",
2351
2351
  ],
2352
2352
  },
2353
2353
  "neutralBackground3Selected": Object {
2354
- "semantic": Array [
2355
- "SystemColorHighlightColor",
2354
+ "resource_paths": Array [
2355
+ "Highlight",
2356
2356
  ],
2357
2357
  },
2358
2358
  "neutralBackground4": Object {
2359
- "semantic": Array [
2360
- "SystemColorWindowColor",
2359
+ "resource_paths": Array [
2360
+ "Window",
2361
2361
  ],
2362
2362
  },
2363
2363
  "neutralBackground4Hover": Object {
2364
- "semantic": Array [
2365
- "SystemColorHighlightColor",
2364
+ "resource_paths": Array [
2365
+ "Highlight",
2366
2366
  ],
2367
2367
  },
2368
2368
  "neutralBackground4Pressed": Object {
2369
- "semantic": Array [
2370
- "SystemColorHighlightColor",
2369
+ "resource_paths": Array [
2370
+ "Highlight",
2371
2371
  ],
2372
2372
  },
2373
2373
  "neutralBackground4Selected": Object {
2374
- "semantic": Array [
2375
- "SystemColorHighlightColor",
2374
+ "resource_paths": Array [
2375
+ "Highlight",
2376
2376
  ],
2377
2377
  },
2378
2378
  "neutralBackground5": Object {
2379
- "semantic": Array [
2380
- "SystemColorWindowColor",
2379
+ "resource_paths": Array [
2380
+ "Window",
2381
2381
  ],
2382
2382
  },
2383
2383
  "neutralBackground5Hover": Object {
2384
- "semantic": Array [
2385
- "SystemColorHighlightColor",
2384
+ "resource_paths": Array [
2385
+ "Highlight",
2386
2386
  ],
2387
2387
  },
2388
2388
  "neutralBackground5Pressed": Object {
2389
- "semantic": Array [
2390
- "SystemColorHighlightColor",
2389
+ "resource_paths": Array [
2390
+ "Highlight",
2391
2391
  ],
2392
2392
  },
2393
2393
  "neutralBackground5Selected": Object {
2394
- "semantic": Array [
2395
- "SystemColorHighlightColor",
2394
+ "resource_paths": Array [
2395
+ "Highlight",
2396
2396
  ],
2397
2397
  },
2398
2398
  "neutralBackground6": Object {
2399
- "semantic": Array [
2400
- "SystemColorWindowColor",
2399
+ "resource_paths": Array [
2400
+ "Window",
2401
2401
  ],
2402
2402
  },
2403
2403
  "neutralBackgroundDisabled": Object {
2404
- "semantic": Array [
2405
- "SystemColorWindowColor",
2404
+ "resource_paths": Array [
2405
+ "Window",
2406
2406
  ],
2407
2407
  },
2408
2408
  "neutralBackgroundInverted": Object {
2409
- "semantic": Array [
2410
- "SystemColorWindowTextColor",
2409
+ "resource_paths": Array [
2410
+ "WindowText",
2411
2411
  ],
2412
2412
  },
2413
2413
  "neutralForeground1": Object {
2414
- "semantic": Array [
2415
- "SystemColorWindowTextColor",
2414
+ "resource_paths": Array [
2415
+ "WindowText",
2416
2416
  ],
2417
2417
  },
2418
2418
  "neutralForeground1Hover": Object {
2419
- "semantic": Array [
2420
- "SystemColorHighlightTextColor",
2419
+ "resource_paths": Array [
2420
+ "HighlightText",
2421
2421
  ],
2422
2422
  },
2423
2423
  "neutralForeground1Pressed": Object {
2424
- "semantic": Array [
2425
- "SystemColorHighlightTextColor",
2424
+ "resource_paths": Array [
2425
+ "HighlightText",
2426
2426
  ],
2427
2427
  },
2428
2428
  "neutralForeground1Selected": Object {
2429
- "semantic": Array [
2430
- "SystemColorHighlightTextColor",
2429
+ "resource_paths": Array [
2430
+ "HighlightText",
2431
2431
  ],
2432
2432
  },
2433
2433
  "neutralForeground2": Object {
2434
- "semantic": Array [
2435
- "SystemColorWindowTextColor",
2434
+ "resource_paths": Array [
2435
+ "WindowText",
2436
2436
  ],
2437
2437
  },
2438
2438
  "neutralForeground2BrandHover": Object {
2439
- "semantic": Array [
2440
- "SystemColorHighlightTextColor",
2439
+ "resource_paths": Array [
2440
+ "HighlightText",
2441
2441
  ],
2442
2442
  },
2443
2443
  "neutralForeground2BrandPressed": Object {
2444
- "semantic": Array [
2445
- "SystemColorHighlightTextColor",
2444
+ "resource_paths": Array [
2445
+ "HighlightText",
2446
2446
  ],
2447
2447
  },
2448
2448
  "neutralForeground2BrandSelected": Object {
2449
- "semantic": Array [
2450
- "SystemColorHighlightTextColor",
2449
+ "resource_paths": Array [
2450
+ "HighlightText",
2451
2451
  ],
2452
2452
  },
2453
2453
  "neutralForeground2Hover": Object {
2454
- "semantic": Array [
2455
- "SystemColorHighlightTextColor",
2454
+ "resource_paths": Array [
2455
+ "HighlightText",
2456
2456
  ],
2457
2457
  },
2458
2458
  "neutralForeground2Pressed": Object {
2459
- "semantic": Array [
2460
- "SystemColorHighlightTextColor",
2459
+ "resource_paths": Array [
2460
+ "HighlightText",
2461
2461
  ],
2462
2462
  },
2463
2463
  "neutralForeground2Selected": Object {
2464
- "semantic": Array [
2465
- "SystemColorHighlightTextColor",
2464
+ "resource_paths": Array [
2465
+ "HighlightText",
2466
2466
  ],
2467
2467
  },
2468
2468
  "neutralForeground3": Object {
2469
- "semantic": Array [
2470
- "SystemColorWindowTextColor",
2469
+ "resource_paths": Array [
2470
+ "WindowText",
2471
2471
  ],
2472
2472
  },
2473
2473
  "neutralForeground3BrandHover": Object {
2474
- "semantic": Array [
2475
- "SystemColorHighlightTextColor",
2474
+ "resource_paths": Array [
2475
+ "HighlightText",
2476
2476
  ],
2477
2477
  },
2478
2478
  "neutralForeground3BrandPressed": Object {
2479
- "semantic": Array [
2480
- "SystemColorHighlightTextColor",
2479
+ "resource_paths": Array [
2480
+ "HighlightText",
2481
2481
  ],
2482
2482
  },
2483
2483
  "neutralForeground3BrandSelected": Object {
2484
- "semantic": Array [
2485
- "SystemColorHighlightTextColor",
2484
+ "resource_paths": Array [
2485
+ "HighlightText",
2486
2486
  ],
2487
2487
  },
2488
2488
  "neutralForeground3Hover": Object {
2489
- "semantic": Array [
2490
- "SystemColorHighlightTextColor",
2489
+ "resource_paths": Array [
2490
+ "HighlightText",
2491
2491
  ],
2492
2492
  },
2493
2493
  "neutralForeground3Pressed": Object {
2494
- "semantic": Array [
2495
- "SystemColorHighlightTextColor",
2494
+ "resource_paths": Array [
2495
+ "HighlightText",
2496
2496
  ],
2497
2497
  },
2498
2498
  "neutralForeground3Selected": Object {
2499
- "semantic": Array [
2500
- "SystemColorHighlightTextColor",
2499
+ "resource_paths": Array [
2500
+ "HighlightText",
2501
2501
  ],
2502
2502
  },
2503
2503
  "neutralForeground4": Object {
2504
- "semantic": Array [
2505
- "SystemColorWindowTextColor",
2504
+ "resource_paths": Array [
2505
+ "WindowText",
2506
2506
  ],
2507
2507
  },
2508
2508
  "neutralForegroundDisabled": Object {
2509
- "semantic": Array [
2510
- "SystemColorGrayTextColor",
2509
+ "resource_paths": Array [
2510
+ "GrayText",
2511
2511
  ],
2512
2512
  },
2513
2513
  "neutralForegroundInverted": Object {
2514
- "semantic": Array [
2515
- "SystemColorWindowColor",
2514
+ "resource_paths": Array [
2515
+ "Window",
2516
2516
  ],
2517
2517
  },
2518
2518
  "neutralForegroundInvertedLink": Object {
2519
- "semantic": Array [
2520
- "SystemColorHotlightColor",
2519
+ "resource_paths": Array [
2520
+ "Hotlight",
2521
2521
  ],
2522
2522
  },
2523
2523
  "neutralForegroundInvertedLinkHover": Object {
2524
- "semantic": Array [
2525
- "SystemColorHotlightColor",
2524
+ "resource_paths": Array [
2525
+ "Hotlight",
2526
2526
  ],
2527
2527
  },
2528
2528
  "neutralForegroundInvertedLinkPressed": Object {
2529
- "semantic": Array [
2530
- "SystemColorHotlightColor",
2529
+ "resource_paths": Array [
2530
+ "Hotlight",
2531
2531
  ],
2532
2532
  },
2533
2533
  "neutralForegroundInvertedLinkSelected": Object {
2534
- "semantic": Array [
2535
- "SystemColorHotlightColor",
2534
+ "resource_paths": Array [
2535
+ "Hotlight",
2536
2536
  ],
2537
2537
  },
2538
2538
  "neutralForegroundOnBrand": Object {
2539
- "semantic": Array [
2540
- "SystemColorButtonTextColor",
2539
+ "resource_paths": Array [
2540
+ "ButtonText",
2541
2541
  ],
2542
2542
  },
2543
2543
  "neutralForegroundOnBrandHover": Object {
2544
- "semantic": Array [
2545
- "SystemColorHighlightTextColor",
2544
+ "resource_paths": Array [
2545
+ "HighlightText",
2546
2546
  ],
2547
2547
  },
2548
2548
  "neutralForegroundOnBrandPressed": Object {
2549
- "semantic": Array [
2550
- "SystemColorHighlightTextColor",
2549
+ "resource_paths": Array [
2550
+ "HighlightText",
2551
2551
  ],
2552
2552
  },
2553
2553
  "neutralForegroundOnBrandSelected": Object {
2554
- "semantic": Array [
2555
- "SystemColorHighlightTextColor",
2554
+ "resource_paths": Array [
2555
+ "HighlightText",
2556
2556
  ],
2557
2557
  },
2558
2558
  "neutralStencil1": "#141414",
2559
2559
  "neutralStencil2": "#858585",
2560
2560
  "neutralStroke1": Object {
2561
- "semantic": Array [
2562
- "SystemColorWindowTextColor",
2561
+ "resource_paths": Array [
2562
+ "WindowText",
2563
2563
  ],
2564
2564
  },
2565
2565
  "neutralStroke1Hover": Object {
2566
- "semantic": Array [
2567
- "SystemColorHighlightColor",
2566
+ "resource_paths": Array [
2567
+ "Highlight",
2568
2568
  ],
2569
2569
  },
2570
2570
  "neutralStroke1Pressed": Object {
2571
- "semantic": Array [
2572
- "SystemColorHighlightColor",
2571
+ "resource_paths": Array [
2572
+ "Highlight",
2573
2573
  ],
2574
2574
  },
2575
2575
  "neutralStroke1Selected": Object {
2576
- "semantic": Array [
2577
- "SystemColorHighlightColor",
2576
+ "resource_paths": Array [
2577
+ "Highlight",
2578
2578
  ],
2579
2579
  },
2580
2580
  "neutralStroke2": Object {
2581
- "semantic": Array [
2582
- "SystemColorWindowTextColor",
2581
+ "resource_paths": Array [
2582
+ "WindowText",
2583
2583
  ],
2584
2584
  },
2585
2585
  "neutralStroke3": Object {
2586
- "semantic": Array [
2587
- "SystemColorWindowTextColor",
2586
+ "resource_paths": Array [
2587
+ "WindowText",
2588
2588
  ],
2589
2589
  },
2590
2590
  "neutralStrokeAccessible": Object {
2591
- "semantic": Array [
2592
- "SystemColorWindowTextColor",
2591
+ "resource_paths": Array [
2592
+ "WindowText",
2593
2593
  ],
2594
2594
  },
2595
2595
  "neutralStrokeAccessibleHover": Object {
2596
- "semantic": Array [
2597
- "SystemColorHighlightColor",
2596
+ "resource_paths": Array [
2597
+ "Highlight",
2598
2598
  ],
2599
2599
  },
2600
2600
  "neutralStrokeAccessiblePressed": Object {
2601
- "semantic": Array [
2602
- "SystemColorHighlightColor",
2601
+ "resource_paths": Array [
2602
+ "Highlight",
2603
2603
  ],
2604
2604
  },
2605
2605
  "neutralStrokeAccessibleSelected": Object {
2606
- "semantic": Array [
2607
- "SystemColorHighlightColor",
2606
+ "resource_paths": Array [
2607
+ "Highlight",
2608
2608
  ],
2609
2609
  },
2610
2610
  "neutralStrokeDisabled": Object {
2611
- "semantic": Array [
2612
- "SystemColorGrayTextColor",
2611
+ "resource_paths": Array [
2612
+ "GrayText",
2613
2613
  ],
2614
2614
  },
2615
2615
  "personaActivityGlow": "transparent",
@@ -2625,76 +2625,76 @@ Object {
2625
2625
  "primaryButtonTextHovered": "#000000",
2626
2626
  "primaryButtonTextPressed": "#000000",
2627
2627
  "redBackground1": Object {
2628
- "semantic": Array [
2629
- "SystemColorButtonFaceColor",
2628
+ "resource_paths": Array [
2629
+ "ButtonFace",
2630
2630
  ],
2631
2631
  },
2632
2632
  "redBackground2": Object {
2633
- "semantic": Array [
2634
- "SystemColorWindowColor",
2633
+ "resource_paths": Array [
2634
+ "Window",
2635
2635
  ],
2636
2636
  },
2637
2637
  "redBackground3": Object {
2638
- "semantic": Array [
2639
- "SystemColorButtonFaceColor",
2638
+ "resource_paths": Array [
2639
+ "ButtonFace",
2640
2640
  ],
2641
2641
  },
2642
2642
  "redBorder1": Object {
2643
- "semantic": Array [
2644
- "SystemColorWindowTextColor",
2643
+ "resource_paths": Array [
2644
+ "WindowText",
2645
2645
  ],
2646
2646
  },
2647
2647
  "redBorder2": Object {
2648
- "semantic": Array [
2649
- "SystemColorWindowTextColor",
2648
+ "resource_paths": Array [
2649
+ "WindowText",
2650
2650
  ],
2651
2651
  },
2652
2652
  "redBorderActive": Object {
2653
- "semantic": Array [
2654
- "SystemColorHighlightColor",
2653
+ "resource_paths": Array [
2654
+ "Highlight",
2655
2655
  ],
2656
2656
  },
2657
2657
  "redForeground1": Object {
2658
- "semantic": Array [
2659
- "SystemColorButtonTextColor",
2658
+ "resource_paths": Array [
2659
+ "ButtonText",
2660
2660
  ],
2661
2661
  },
2662
2662
  "redForeground2": Object {
2663
- "semantic": Array [
2664
- "SystemColorWindowColor",
2663
+ "resource_paths": Array [
2664
+ "Window",
2665
2665
  ],
2666
2666
  },
2667
2667
  "redForeground3": Object {
2668
- "semantic": Array [
2669
- "SystemColorButtonFaceColor",
2668
+ "resource_paths": Array [
2669
+ "ButtonFace",
2670
2670
  ],
2671
2671
  },
2672
2672
  "smallInputBorder": "#ffffff",
2673
2673
  "strokeFocus1": Object {
2674
- "semantic": Array [
2675
- "SystemColorWindowColor",
2674
+ "resource_paths": Array [
2675
+ "Window",
2676
2676
  ],
2677
2677
  },
2678
2678
  "strokeFocus2": Object {
2679
- "semantic": Array [
2680
- "SystemColorHighlightColor",
2679
+ "resource_paths": Array [
2680
+ "Highlight",
2681
2681
  ],
2682
2682
  },
2683
2683
  "subText": "#ffffff",
2684
2684
  "subtleBackground": "transparent",
2685
2685
  "subtleBackgroundHover": Object {
2686
- "semantic": Array [
2687
- "SystemColorHighlightColor",
2686
+ "resource_paths": Array [
2687
+ "Highlight",
2688
2688
  ],
2689
2689
  },
2690
2690
  "subtleBackgroundPressed": Object {
2691
- "semantic": Array [
2692
- "SystemColorHighlightColor",
2691
+ "resource_paths": Array [
2692
+ "Highlight",
2693
2693
  ],
2694
2694
  },
2695
2695
  "subtleBackgroundSelected": Object {
2696
- "semantic": Array [
2697
- "SystemColorHighlightColor",
2696
+ "resource_paths": Array [
2697
+ "Highlight",
2698
2698
  ],
2699
2699
  },
2700
2700
  "successBackground": "#000000",
@@ -2703,18 +2703,18 @@ Object {
2703
2703
  "transparentBackgroundPressed": "transparent",
2704
2704
  "transparentBackgroundSelected": "transparent",
2705
2705
  "transparentStroke": Object {
2706
- "semantic": Array [
2707
- "SystemColorWindowTextColor",
2706
+ "resource_paths": Array [
2707
+ "WindowText",
2708
2708
  ],
2709
2709
  },
2710
2710
  "transparentStrokeDisabled": Object {
2711
- "semantic": Array [
2712
- "SystemColorGrayTextColor",
2711
+ "resource_paths": Array [
2712
+ "GrayText",
2713
2713
  ],
2714
2714
  },
2715
2715
  "transparentStrokeInteractive": Object {
2716
- "semantic": Array [
2717
- "SystemColorHighlightColor",
2716
+ "resource_paths": Array [
2717
+ "Highlight",
2718
2718
  ],
2719
2719
  },
2720
2720
  "variantBorder": "#ffffff",
@@ -2908,19 +2908,19 @@ Object {
2908
2908
  "families": Object {
2909
2909
  "cursive": "System",
2910
2910
  "monospace": "System",
2911
- "primary": "System",
2911
+ "primary": "Segoe UI",
2912
2912
  "sansSerif": "System",
2913
- "secondary": "System",
2913
+ "secondary": "Segoe UI",
2914
2914
  "serif": "System",
2915
2915
  },
2916
2916
  "sizes": Object {
2917
- "body": 15,
2918
- "caption": 12,
2917
+ "body": 14,
2918
+ "caption": 10,
2919
2919
  "header": 20,
2920
2920
  "hero": 28,
2921
- "heroLarge": 60,
2922
- "secondary": 13,
2923
- "subheader": 17,
2921
+ "heroLarge": 40,
2922
+ "secondary": 12,
2923
+ "subheader": 16,
2924
2924
  },
2925
2925
  "variants": Object {
2926
2926
  "body1": Object {
@@ -3065,7 +3065,7 @@ Object {
3065
3065
  exports[`createDefaultTheme test themeOption - { appearance: 'light', defaultAppearance: 'light' } 1`] = `
3066
3066
  Object {
3067
3067
  "colors": Object {
3068
- "accentButtonBackground": "#0f6cbd",
3068
+ "accentButtonBackground": "#185abd",
3069
3069
  "accentButtonText": "#ffffff",
3070
3070
  "actionLink": "#323130",
3071
3071
  "actionLinkHovered": "#201f1e",
@@ -3094,8 +3094,8 @@ Object {
3094
3094
  "brandForegroundLinkSelected": "#106ebe",
3095
3095
  "brandStroke1": "#0078d4",
3096
3096
  "brandStroke2": "#c7e0f4",
3097
- "brandedBackground": "#0f6cbd",
3098
- "brandedBorder": "#0f548c",
3097
+ "brandedBackground": "#185abd",
3098
+ "brandedBorder": "#13458f",
3099
3099
  "brandedCheckedBackground": "#c8c6c4",
3100
3100
  "brandedCheckedContent": "#201f1e",
3101
3101
  "brandedCheckedHoveredBackground": "#edebe9",
@@ -3105,19 +3105,19 @@ Object {
3105
3105
  "brandedDisabledBorder": "#f3f2f1",
3106
3106
  "brandedDisabledContent": "#d2d0ce",
3107
3107
  "brandedDisabledIcon": "#d2d0ce",
3108
- "brandedFocusedBackground": "#115ea3",
3109
- "brandedFocusedBorder": "#0c3b5e",
3108
+ "brandedFocusedBackground": "#1651aa",
3109
+ "brandedFocusedBorder": "#004578",
3110
3110
  "brandedFocusedContent": "#ffffff",
3111
3111
  "brandedFocusedIcon": "#ffffff",
3112
3112
  "brandedFocusedSecondaryContent": "#faf9f8",
3113
- "brandedHoveredBackground": "#115ea3",
3114
- "brandedHoveredBorder": "#0c3b5e",
3113
+ "brandedHoveredBackground": "#1651aa",
3114
+ "brandedHoveredBorder": "#004578",
3115
3115
  "brandedHoveredContent": "#ffffff",
3116
3116
  "brandedHoveredIcon": "#ffffff",
3117
3117
  "brandedHoveredSecondaryContent": "#faf9f8",
3118
3118
  "brandedIcon": "#ffffff",
3119
- "brandedPressedBackground": "#0f548c",
3120
- "brandedPressedBorder": "#0c3b5e",
3119
+ "brandedPressedBackground": "#13458f",
3120
+ "brandedPressedBorder": "#004578",
3121
3121
  "brandedPressedContent": "#ffffff",
3122
3122
  "brandedPressedIcon": "#ffffff",
3123
3123
  "brandedPressedSecondaryContent": "#faf9f8",
@@ -3137,7 +3137,7 @@ Object {
3137
3137
  "buttonTextDisabled": "#a19f9d",
3138
3138
  "buttonTextHovered": "#201f1e",
3139
3139
  "buttonTextPressed": "#201f1e",
3140
- "checkboxBackground": "#0f6cbd",
3140
+ "checkboxBackground": "#185abd",
3141
3141
  "checkboxBackgroundDisabled": "#f3f2f1",
3142
3142
  "checkboxBorderColor": "#8a8886",
3143
3143
  "checkmarkColor": "#ffffff",
@@ -3216,18 +3216,18 @@ Object {
3216
3216
  "ghostPressedSecondaryContent": "#605e5c",
3217
3217
  "ghostSecondaryContent": "#605e5c",
3218
3218
  "inputBackground": "#ffffff",
3219
- "inputBackgroundChecked": "#0f6cbd",
3220
- "inputBackgroundCheckedHovered": "#115ea3",
3219
+ "inputBackgroundChecked": "#185abd",
3220
+ "inputBackgroundCheckedHovered": "#1651aa",
3221
3221
  "inputBorder": "#a19f9d",
3222
3222
  "inputBorderHovered": "#323130",
3223
- "inputFocusBorderAlt": "#0f6cbd",
3223
+ "inputFocusBorderAlt": "#185abd",
3224
3224
  "inputForegroundChecked": "#ffffff",
3225
3225
  "inputPlaceholderText": "#605e5c",
3226
3226
  "inputText": "#323130",
3227
3227
  "inputTextHovered": "#201f1e",
3228
- "link": "#0f6cbd",
3229
- "linkHovered": "#0c3b5e",
3230
- "linkPressed": "#0f548c",
3228
+ "link": "#185abd",
3229
+ "linkHovered": "#004578",
3230
+ "linkPressed": "#13458f",
3231
3231
  "listBackground": "#ffffff",
3232
3232
  "listHeaderBackgroundHovered": "#f3f2f1",
3233
3233
  "listHeaderBackgroundPressed": "#edebe9",
@@ -3237,8 +3237,8 @@ Object {
3237
3237
  "listText": "#323130",
3238
3238
  "menuBackground": "#ffffff",
3239
3239
  "menuDivider": "#c8c6c4",
3240
- "menuHeader": "#0f6cbd",
3241
- "menuIcon": "#0f6cbd",
3240
+ "menuHeader": "#185abd",
3241
+ "menuIcon": "#185abd",
3242
3242
  "menuItemBackgroundHovered": "#f3f2f1",
3243
3243
  "menuItemBackgroundPressed": "#edebe9",
3244
3244
  "menuItemText": "#323130",
@@ -3308,12 +3308,12 @@ Object {
3308
3308
  "neutralStrokeAccessiblePressed": "#4d4d4d",
3309
3309
  "neutralStrokeAccessibleSelected": "#0078d4",
3310
3310
  "neutralStrokeDisabled": "#e0e0e0",
3311
- "personaActivityGlow": "#0f6cbd",
3311
+ "personaActivityGlow": "#185abd",
3312
3312
  "personaActivityRing": "#ffffff",
3313
- "primaryButtonBackground": "#0f6cbd",
3313
+ "primaryButtonBackground": "#185abd",
3314
3314
  "primaryButtonBackgroundDisabled": "#f3f2f1",
3315
- "primaryButtonBackgroundHovered": "#115ea3",
3316
- "primaryButtonBackgroundPressed": "#0f548c",
3315
+ "primaryButtonBackgroundHovered": "#1651aa",
3316
+ "primaryButtonBackgroundPressed": "#13458f",
3317
3317
  "primaryButtonBorder": "transparent",
3318
3318
  "primaryButtonBorderFocused": "transparent",
3319
3319
  "primaryButtonText": "#ffffff",
@@ -3536,19 +3536,19 @@ Object {
3536
3536
  "families": Object {
3537
3537
  "cursive": "System",
3538
3538
  "monospace": "System",
3539
- "primary": "System",
3539
+ "primary": "Segoe UI",
3540
3540
  "sansSerif": "System",
3541
- "secondary": "System",
3541
+ "secondary": "Segoe UI",
3542
3542
  "serif": "System",
3543
3543
  },
3544
3544
  "sizes": Object {
3545
- "body": 15,
3546
- "caption": 12,
3545
+ "body": 14,
3546
+ "caption": 10,
3547
3547
  "header": 20,
3548
3548
  "hero": 28,
3549
- "heroLarge": 60,
3550
- "secondary": 13,
3551
- "subheader": 17,
3549
+ "heroLarge": 40,
3550
+ "secondary": 12,
3551
+ "subheader": 16,
3552
3552
  },
3553
3553
  "variants": Object {
3554
3554
  "body1": Object {
@@ -3693,7 +3693,7 @@ Object {
3693
3693
  exports[`createDefaultTheme test themeOption - { appearance: undefined, defaultAppearance: 'light' } 1`] = `
3694
3694
  Object {
3695
3695
  "colors": Object {
3696
- "accentButtonBackground": "#0f6cbd",
3696
+ "accentButtonBackground": "#185abd",
3697
3697
  "accentButtonText": "#ffffff",
3698
3698
  "actionLink": "#323130",
3699
3699
  "actionLinkHovered": "#201f1e",
@@ -3722,8 +3722,8 @@ Object {
3722
3722
  "brandForegroundLinkSelected": "#106ebe",
3723
3723
  "brandStroke1": "#0078d4",
3724
3724
  "brandStroke2": "#c7e0f4",
3725
- "brandedBackground": "#0f6cbd",
3726
- "brandedBorder": "#0f548c",
3725
+ "brandedBackground": "#185abd",
3726
+ "brandedBorder": "#13458f",
3727
3727
  "brandedCheckedBackground": "#c8c6c4",
3728
3728
  "brandedCheckedContent": "#201f1e",
3729
3729
  "brandedCheckedHoveredBackground": "#edebe9",
@@ -3733,19 +3733,19 @@ Object {
3733
3733
  "brandedDisabledBorder": "#f3f2f1",
3734
3734
  "brandedDisabledContent": "#d2d0ce",
3735
3735
  "brandedDisabledIcon": "#d2d0ce",
3736
- "brandedFocusedBackground": "#115ea3",
3737
- "brandedFocusedBorder": "#0c3b5e",
3736
+ "brandedFocusedBackground": "#1651aa",
3737
+ "brandedFocusedBorder": "#004578",
3738
3738
  "brandedFocusedContent": "#ffffff",
3739
3739
  "brandedFocusedIcon": "#ffffff",
3740
3740
  "brandedFocusedSecondaryContent": "#faf9f8",
3741
- "brandedHoveredBackground": "#115ea3",
3742
- "brandedHoveredBorder": "#0c3b5e",
3741
+ "brandedHoveredBackground": "#1651aa",
3742
+ "brandedHoveredBorder": "#004578",
3743
3743
  "brandedHoveredContent": "#ffffff",
3744
3744
  "brandedHoveredIcon": "#ffffff",
3745
3745
  "brandedHoveredSecondaryContent": "#faf9f8",
3746
3746
  "brandedIcon": "#ffffff",
3747
- "brandedPressedBackground": "#0f548c",
3748
- "brandedPressedBorder": "#0c3b5e",
3747
+ "brandedPressedBackground": "#13458f",
3748
+ "brandedPressedBorder": "#004578",
3749
3749
  "brandedPressedContent": "#ffffff",
3750
3750
  "brandedPressedIcon": "#ffffff",
3751
3751
  "brandedPressedSecondaryContent": "#faf9f8",
@@ -3765,7 +3765,7 @@ Object {
3765
3765
  "buttonTextDisabled": "#a19f9d",
3766
3766
  "buttonTextHovered": "#201f1e",
3767
3767
  "buttonTextPressed": "#201f1e",
3768
- "checkboxBackground": "#0f6cbd",
3768
+ "checkboxBackground": "#185abd",
3769
3769
  "checkboxBackgroundDisabled": "#f3f2f1",
3770
3770
  "checkboxBorderColor": "#8a8886",
3771
3771
  "checkmarkColor": "#ffffff",
@@ -3844,18 +3844,18 @@ Object {
3844
3844
  "ghostPressedSecondaryContent": "#605e5c",
3845
3845
  "ghostSecondaryContent": "#605e5c",
3846
3846
  "inputBackground": "#ffffff",
3847
- "inputBackgroundChecked": "#0f6cbd",
3848
- "inputBackgroundCheckedHovered": "#115ea3",
3847
+ "inputBackgroundChecked": "#185abd",
3848
+ "inputBackgroundCheckedHovered": "#1651aa",
3849
3849
  "inputBorder": "#a19f9d",
3850
3850
  "inputBorderHovered": "#323130",
3851
- "inputFocusBorderAlt": "#0f6cbd",
3851
+ "inputFocusBorderAlt": "#185abd",
3852
3852
  "inputForegroundChecked": "#ffffff",
3853
3853
  "inputPlaceholderText": "#605e5c",
3854
3854
  "inputText": "#323130",
3855
3855
  "inputTextHovered": "#201f1e",
3856
- "link": "#0f6cbd",
3857
- "linkHovered": "#0c3b5e",
3858
- "linkPressed": "#0f548c",
3856
+ "link": "#185abd",
3857
+ "linkHovered": "#004578",
3858
+ "linkPressed": "#13458f",
3859
3859
  "listBackground": "#ffffff",
3860
3860
  "listHeaderBackgroundHovered": "#f3f2f1",
3861
3861
  "listHeaderBackgroundPressed": "#edebe9",
@@ -3865,8 +3865,8 @@ Object {
3865
3865
  "listText": "#323130",
3866
3866
  "menuBackground": "#ffffff",
3867
3867
  "menuDivider": "#c8c6c4",
3868
- "menuHeader": "#0f6cbd",
3869
- "menuIcon": "#0f6cbd",
3868
+ "menuHeader": "#185abd",
3869
+ "menuIcon": "#185abd",
3870
3870
  "menuItemBackgroundHovered": "#f3f2f1",
3871
3871
  "menuItemBackgroundPressed": "#edebe9",
3872
3872
  "menuItemText": "#323130",
@@ -3936,12 +3936,12 @@ Object {
3936
3936
  "neutralStrokeAccessiblePressed": "#4d4d4d",
3937
3937
  "neutralStrokeAccessibleSelected": "#0078d4",
3938
3938
  "neutralStrokeDisabled": "#e0e0e0",
3939
- "personaActivityGlow": "#0f6cbd",
3939
+ "personaActivityGlow": "#185abd",
3940
3940
  "personaActivityRing": "#ffffff",
3941
- "primaryButtonBackground": "#0f6cbd",
3941
+ "primaryButtonBackground": "#185abd",
3942
3942
  "primaryButtonBackgroundDisabled": "#f3f2f1",
3943
- "primaryButtonBackgroundHovered": "#115ea3",
3944
- "primaryButtonBackgroundPressed": "#0f548c",
3943
+ "primaryButtonBackgroundHovered": "#1651aa",
3944
+ "primaryButtonBackgroundPressed": "#13458f",
3945
3945
  "primaryButtonBorder": "transparent",
3946
3946
  "primaryButtonBorderFocused": "transparent",
3947
3947
  "primaryButtonText": "#ffffff",
@@ -4164,19 +4164,19 @@ Object {
4164
4164
  "families": Object {
4165
4165
  "cursive": "System",
4166
4166
  "monospace": "System",
4167
- "primary": "System",
4167
+ "primary": "Segoe UI",
4168
4168
  "sansSerif": "System",
4169
- "secondary": "System",
4169
+ "secondary": "Segoe UI",
4170
4170
  "serif": "System",
4171
4171
  },
4172
4172
  "sizes": Object {
4173
- "body": 15,
4174
- "caption": 12,
4173
+ "body": 14,
4174
+ "caption": 10,
4175
4175
  "header": 20,
4176
4176
  "hero": 28,
4177
- "heroLarge": 60,
4178
- "secondary": 13,
4179
- "subheader": 17,
4177
+ "heroLarge": 40,
4178
+ "secondary": 12,
4179
+ "subheader": 16,
4180
4180
  },
4181
4181
  "variants": Object {
4182
4182
  "body1": Object {
@@ -4840,7 +4840,7 @@ Object {
4840
4840
  exports[`defaultFluentDarkTheme test 1`] = `
4841
4841
  Object {
4842
4842
  "colors": Object {
4843
- "accentButtonBackground": "#0c3b5e",
4843
+ "accentButtonBackground": "#185abd",
4844
4844
  "accentButtonText": "#1b1a19",
4845
4845
  "actionLink": "#f3f2f1",
4846
4846
  "actionLinkHovered": "#faf9f8",
@@ -4869,8 +4869,8 @@ Object {
4869
4869
  "brandForegroundLinkSelected": "#2899f5",
4870
4870
  "brandStroke1": "#2899f5",
4871
4871
  "brandStroke2": "#004c87",
4872
- "brandedBackground": "#2886de",
4873
- "brandedBorder": "#479ef5",
4872
+ "brandedBackground": "#2e6ac5",
4873
+ "brandedBorder": "#aec6eb",
4874
4874
  "brandedCheckedBackground": "#484644",
4875
4875
  "brandedCheckedContent": "#faf9f8",
4876
4876
  "brandedCheckedHoveredBackground": "#292827",
@@ -4880,19 +4880,19 @@ Object {
4880
4880
  "brandedDisabledBorder": "#252423",
4881
4881
  "brandedDisabledContent": "#3b3a39",
4882
4882
  "brandedDisabledIcon": "#3b3a39",
4883
- "brandedFocusedBackground": "#479ef5",
4884
- "brandedFocusedBorder": "#62abf5",
4883
+ "brandedFocusedBackground": "#6794d7",
4884
+ "brandedFocusedBorder": "#82c7ff",
4885
4885
  "brandedFocusedContent": "#1b1a19",
4886
4886
  "brandedFocusedIcon": "#1b1a19",
4887
4887
  "brandedFocusedSecondaryContent": "#201f1e",
4888
- "brandedHoveredBackground": "#479ef5",
4889
- "brandedHoveredBorder": "#62abf5",
4888
+ "brandedHoveredBackground": "#6794d7",
4889
+ "brandedHoveredBorder": "#82c7ff",
4890
4890
  "brandedHoveredContent": "#1b1a19",
4891
4891
  "brandedHoveredIcon": "#1b1a19",
4892
4892
  "brandedHoveredSecondaryContent": "#201f1e",
4893
4893
  "brandedIcon": "#1b1a19",
4894
- "brandedPressedBackground": "#479ef5",
4895
- "brandedPressedBorder": "#62abf5",
4894
+ "brandedPressedBackground": "#aec6eb",
4895
+ "brandedPressedBorder": "#82c7ff",
4896
4896
  "brandedPressedContent": "#1b1a19",
4897
4897
  "brandedPressedIcon": "#1b1a19",
4898
4898
  "brandedPressedSecondaryContent": "#201f1e",
@@ -4912,7 +4912,7 @@ Object {
4912
4912
  "buttonTextDisabled": "#797775",
4913
4913
  "buttonTextHovered": "#f3f2f1",
4914
4914
  "buttonTextPressed": "#faf9f8",
4915
- "checkboxBackground": "#2886de",
4915
+ "checkboxBackground": "#2e6ac5",
4916
4916
  "checkboxBackgroundDisabled": "#252423",
4917
4917
  "checkboxBorderColor": "#979693",
4918
4918
  "checkmarkColor": "#1b1a19",
@@ -4991,18 +4991,18 @@ Object {
4991
4991
  "ghostPressedSecondaryContent": "#a19f9d",
4992
4992
  "ghostSecondaryContent": "#a19f9d",
4993
4993
  "inputBackground": "#1b1a19",
4994
- "inputBackgroundChecked": "#2886de",
4995
- "inputBackgroundCheckedHovered": "#479ef5",
4994
+ "inputBackgroundChecked": "#2e6ac5",
4995
+ "inputBackgroundCheckedHovered": "#6794d7",
4996
4996
  "inputBorder": "#797775",
4997
4997
  "inputBorderHovered": "#f3f2f1",
4998
- "inputFocusBorderAlt": "#2886de",
4998
+ "inputFocusBorderAlt": "#2e6ac5",
4999
4999
  "inputForegroundChecked": "#1b1a19",
5000
5000
  "inputPlaceholderText": "#a19f9d",
5001
5001
  "inputText": "#f3f2f1",
5002
5002
  "inputTextHovered": "#faf9f8",
5003
- "link": "#2886de",
5004
- "linkHovered": "#62abf5",
5005
- "linkPressed": "#479ef5",
5003
+ "link": "#2e6ac5",
5004
+ "linkHovered": "#82c7ff",
5005
+ "linkPressed": "#aec6eb",
5006
5006
  "listBackground": "#1b1a19",
5007
5007
  "listHeaderBackgroundHovered": "#252423",
5008
5008
  "listHeaderBackgroundPressed": "#292827",
@@ -5013,7 +5013,7 @@ Object {
5013
5013
  "menuBackground": "#252423",
5014
5014
  "menuDivider": "#484644",
5015
5015
  "menuHeader": "#ffffff",
5016
- "menuIcon": "#479ef5",
5016
+ "menuIcon": "#6794d7",
5017
5017
  "menuItemBackgroundHovered": "#323130",
5018
5018
  "menuItemBackgroundPressed": "#3b3a39",
5019
5019
  "menuItemText": "#f3f2f1",
@@ -5083,12 +5083,12 @@ Object {
5083
5083
  "neutralStrokeAccessiblePressed": "#b3b3b3",
5084
5084
  "neutralStrokeAccessibleSelected": "#3aa0f3",
5085
5085
  "neutralStrokeDisabled": "#424242",
5086
- "personaActivityGlow": "#2886de",
5086
+ "personaActivityGlow": "#2e6ac5",
5087
5087
  "personaActivityRing": "#1b1a19",
5088
- "primaryButtonBackground": "#2886de",
5088
+ "primaryButtonBackground": "#2e6ac5",
5089
5089
  "primaryButtonBackgroundDisabled": "#252423",
5090
- "primaryButtonBackgroundHovered": "#479ef5",
5091
- "primaryButtonBackgroundPressed": "#479ef5",
5090
+ "primaryButtonBackgroundHovered": "#6794d7",
5091
+ "primaryButtonBackgroundPressed": "#aec6eb",
5092
5092
  "primaryButtonBorder": "transparent",
5093
5093
  "primaryButtonBorderFocused": "transparent",
5094
5094
  "primaryButtonText": "#1b1a19",
@@ -5311,19 +5311,19 @@ Object {
5311
5311
  "families": Object {
5312
5312
  "cursive": "System",
5313
5313
  "monospace": "System",
5314
- "primary": "System",
5314
+ "primary": "Segoe UI",
5315
5315
  "sansSerif": "System",
5316
- "secondary": "System",
5316
+ "secondary": "Segoe UI",
5317
5317
  "serif": "System",
5318
5318
  },
5319
5319
  "sizes": Object {
5320
- "body": 15,
5321
- "caption": 12,
5320
+ "body": 14,
5321
+ "caption": 10,
5322
5322
  "header": 20,
5323
5323
  "hero": 28,
5324
- "heroLarge": 60,
5325
- "secondary": 13,
5326
- "subheader": 17,
5324
+ "heroLarge": 40,
5325
+ "secondary": 12,
5326
+ "subheader": 16,
5327
5327
  },
5328
5328
  "variants": Object {
5329
5329
  "body1": Object {
@@ -5468,7 +5468,7 @@ Object {
5468
5468
  exports[`defaultFluentTheme test 1`] = `
5469
5469
  Object {
5470
5470
  "colors": Object {
5471
- "accentButtonBackground": "#0f6cbd",
5471
+ "accentButtonBackground": "#185abd",
5472
5472
  "accentButtonText": "#ffffff",
5473
5473
  "actionLink": "#323130",
5474
5474
  "actionLinkHovered": "#201f1e",
@@ -5497,8 +5497,8 @@ Object {
5497
5497
  "brandForegroundLinkSelected": "#106ebe",
5498
5498
  "brandStroke1": "#0078d4",
5499
5499
  "brandStroke2": "#c7e0f4",
5500
- "brandedBackground": "#0f6cbd",
5501
- "brandedBorder": "#0f548c",
5500
+ "brandedBackground": "#185abd",
5501
+ "brandedBorder": "#13458f",
5502
5502
  "brandedCheckedBackground": "#c8c6c4",
5503
5503
  "brandedCheckedContent": "#201f1e",
5504
5504
  "brandedCheckedHoveredBackground": "#edebe9",
@@ -5508,19 +5508,19 @@ Object {
5508
5508
  "brandedDisabledBorder": "#f3f2f1",
5509
5509
  "brandedDisabledContent": "#d2d0ce",
5510
5510
  "brandedDisabledIcon": "#d2d0ce",
5511
- "brandedFocusedBackground": "#115ea3",
5512
- "brandedFocusedBorder": "#0c3b5e",
5511
+ "brandedFocusedBackground": "#1651aa",
5512
+ "brandedFocusedBorder": "#004578",
5513
5513
  "brandedFocusedContent": "#ffffff",
5514
5514
  "brandedFocusedIcon": "#ffffff",
5515
5515
  "brandedFocusedSecondaryContent": "#faf9f8",
5516
- "brandedHoveredBackground": "#115ea3",
5517
- "brandedHoveredBorder": "#0c3b5e",
5516
+ "brandedHoveredBackground": "#1651aa",
5517
+ "brandedHoveredBorder": "#004578",
5518
5518
  "brandedHoveredContent": "#ffffff",
5519
5519
  "brandedHoveredIcon": "#ffffff",
5520
5520
  "brandedHoveredSecondaryContent": "#faf9f8",
5521
5521
  "brandedIcon": "#ffffff",
5522
- "brandedPressedBackground": "#0f548c",
5523
- "brandedPressedBorder": "#0c3b5e",
5522
+ "brandedPressedBackground": "#13458f",
5523
+ "brandedPressedBorder": "#004578",
5524
5524
  "brandedPressedContent": "#ffffff",
5525
5525
  "brandedPressedIcon": "#ffffff",
5526
5526
  "brandedPressedSecondaryContent": "#faf9f8",
@@ -5540,7 +5540,7 @@ Object {
5540
5540
  "buttonTextDisabled": "#a19f9d",
5541
5541
  "buttonTextHovered": "#201f1e",
5542
5542
  "buttonTextPressed": "#201f1e",
5543
- "checkboxBackground": "#0f6cbd",
5543
+ "checkboxBackground": "#185abd",
5544
5544
  "checkboxBackgroundDisabled": "#f3f2f1",
5545
5545
  "checkboxBorderColor": "#8a8886",
5546
5546
  "checkmarkColor": "#ffffff",
@@ -5619,18 +5619,18 @@ Object {
5619
5619
  "ghostPressedSecondaryContent": "#605e5c",
5620
5620
  "ghostSecondaryContent": "#605e5c",
5621
5621
  "inputBackground": "#ffffff",
5622
- "inputBackgroundChecked": "#0f6cbd",
5623
- "inputBackgroundCheckedHovered": "#115ea3",
5622
+ "inputBackgroundChecked": "#185abd",
5623
+ "inputBackgroundCheckedHovered": "#1651aa",
5624
5624
  "inputBorder": "#a19f9d",
5625
5625
  "inputBorderHovered": "#323130",
5626
- "inputFocusBorderAlt": "#0f6cbd",
5626
+ "inputFocusBorderAlt": "#185abd",
5627
5627
  "inputForegroundChecked": "#ffffff",
5628
5628
  "inputPlaceholderText": "#605e5c",
5629
5629
  "inputText": "#323130",
5630
5630
  "inputTextHovered": "#201f1e",
5631
- "link": "#0f6cbd",
5632
- "linkHovered": "#0c3b5e",
5633
- "linkPressed": "#0f548c",
5631
+ "link": "#185abd",
5632
+ "linkHovered": "#004578",
5633
+ "linkPressed": "#13458f",
5634
5634
  "listBackground": "#ffffff",
5635
5635
  "listHeaderBackgroundHovered": "#f3f2f1",
5636
5636
  "listHeaderBackgroundPressed": "#edebe9",
@@ -5640,8 +5640,8 @@ Object {
5640
5640
  "listText": "#323130",
5641
5641
  "menuBackground": "#ffffff",
5642
5642
  "menuDivider": "#c8c6c4",
5643
- "menuHeader": "#0f6cbd",
5644
- "menuIcon": "#0f6cbd",
5643
+ "menuHeader": "#185abd",
5644
+ "menuIcon": "#185abd",
5645
5645
  "menuItemBackgroundHovered": "#f3f2f1",
5646
5646
  "menuItemBackgroundPressed": "#edebe9",
5647
5647
  "menuItemText": "#323130",
@@ -5711,12 +5711,12 @@ Object {
5711
5711
  "neutralStrokeAccessiblePressed": "#4d4d4d",
5712
5712
  "neutralStrokeAccessibleSelected": "#0078d4",
5713
5713
  "neutralStrokeDisabled": "#e0e0e0",
5714
- "personaActivityGlow": "#0f6cbd",
5714
+ "personaActivityGlow": "#185abd",
5715
5715
  "personaActivityRing": "#ffffff",
5716
- "primaryButtonBackground": "#0f6cbd",
5716
+ "primaryButtonBackground": "#185abd",
5717
5717
  "primaryButtonBackgroundDisabled": "#f3f2f1",
5718
- "primaryButtonBackgroundHovered": "#115ea3",
5719
- "primaryButtonBackgroundPressed": "#0f548c",
5718
+ "primaryButtonBackgroundHovered": "#1651aa",
5719
+ "primaryButtonBackgroundPressed": "#13458f",
5720
5720
  "primaryButtonBorder": "transparent",
5721
5721
  "primaryButtonBorderFocused": "transparent",
5722
5722
  "primaryButtonText": "#ffffff",
@@ -5939,19 +5939,19 @@ Object {
5939
5939
  "families": Object {
5940
5940
  "cursive": "System",
5941
5941
  "monospace": "System",
5942
- "primary": "System",
5942
+ "primary": "Segoe UI",
5943
5943
  "sansSerif": "System",
5944
- "secondary": "System",
5944
+ "secondary": "Segoe UI",
5945
5945
  "serif": "System",
5946
5946
  },
5947
5947
  "sizes": Object {
5948
- "body": 15,
5949
- "caption": 12,
5948
+ "body": 14,
5949
+ "caption": 10,
5950
5950
  "header": 20,
5951
5951
  "hero": 28,
5952
- "heroLarge": 60,
5953
- "secondary": 13,
5954
- "subheader": 17,
5952
+ "heroLarge": 40,
5953
+ "secondary": 12,
5954
+ "subheader": 16,
5955
5955
  },
5956
5956
  "variants": Object {
5957
5957
  "body1": Object {