@fluentui-react-native/default-theme 0.16.10 → 0.16.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +28 -1
- package/CHANGELOG.md +12 -2
- package/lib/defaultColors.d.ts.map +1 -1
- package/lib/defaultColors.js +43 -21
- package/lib/defaultColors.js.map +1 -1
- package/lib/defaultColors.macos.d.ts +12 -0
- package/lib/defaultColors.macos.d.ts.map +1 -0
- package/lib/defaultColors.macos.js +266 -0
- package/lib/defaultColors.macos.js.map +1 -0
- package/lib/defaultColors.win32.d.ts +12 -0
- package/lib/defaultColors.win32.d.ts.map +1 -0
- package/lib/defaultColors.win32.js +266 -0
- package/lib/defaultColors.win32.js.map +1 -0
- package/lib/defaultTheme.js +7 -7
- package/lib/defaultTheme.js.map +1 -1
- package/lib-commonjs/defaultColors.d.ts.map +1 -1
- package/lib-commonjs/defaultColors.js +43 -21
- package/lib-commonjs/defaultColors.js.map +1 -1
- package/lib-commonjs/defaultColors.macos.d.ts +12 -0
- package/lib-commonjs/defaultColors.macos.d.ts.map +1 -0
- package/lib-commonjs/defaultColors.macos.js +273 -0
- package/lib-commonjs/defaultColors.macos.js.map +1 -0
- package/lib-commonjs/defaultColors.win32.d.ts +12 -0
- package/lib-commonjs/defaultColors.win32.d.ts.map +1 -0
- package/lib-commonjs/defaultColors.win32.js +273 -0
- package/lib-commonjs/defaultColors.win32.js.map +1 -0
- package/lib-commonjs/defaultTheme.js +7 -7
- package/lib-commonjs/defaultTheme.js.map +1 -1
- package/package.json +3 -3
- package/src/__tests__/__snapshots__/default-theme.test.ts.snap +129 -129
- package/src/defaultColors.macos.ts +510 -0
- package/src/defaultColors.ts +46 -21
- package/src/defaultColors.win32.ts +510 -0
- package/src/defaultTheme.ts +7 -7
|
@@ -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": "#
|
|
772
|
+
"accentButtonBackground": "#0c3b5e",
|
|
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": "#
|
|
802
|
-
"brandedBorder": "#
|
|
801
|
+
"brandedBackground": "#2886de",
|
|
802
|
+
"brandedBorder": "#479ef5",
|
|
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": "#
|
|
813
|
-
"brandedFocusedBorder": "#
|
|
812
|
+
"brandedFocusedBackground": "#479ef5",
|
|
813
|
+
"brandedFocusedBorder": "#62abf5",
|
|
814
814
|
"brandedFocusedContent": "#1b1a19",
|
|
815
815
|
"brandedFocusedIcon": "#1b1a19",
|
|
816
816
|
"brandedFocusedSecondaryContent": "#201f1e",
|
|
817
|
-
"brandedHoveredBackground": "#
|
|
818
|
-
"brandedHoveredBorder": "#
|
|
817
|
+
"brandedHoveredBackground": "#479ef5",
|
|
818
|
+
"brandedHoveredBorder": "#62abf5",
|
|
819
819
|
"brandedHoveredContent": "#1b1a19",
|
|
820
820
|
"brandedHoveredIcon": "#1b1a19",
|
|
821
821
|
"brandedHoveredSecondaryContent": "#201f1e",
|
|
822
822
|
"brandedIcon": "#1b1a19",
|
|
823
|
-
"brandedPressedBackground": "#
|
|
824
|
-
"brandedPressedBorder": "#
|
|
823
|
+
"brandedPressedBackground": "#479ef5",
|
|
824
|
+
"brandedPressedBorder": "#62abf5",
|
|
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": "#
|
|
844
|
+
"checkboxBackground": "#2886de",
|
|
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": "#
|
|
924
|
-
"inputBackgroundCheckedHovered": "#
|
|
923
|
+
"inputBackgroundChecked": "#2886de",
|
|
924
|
+
"inputBackgroundCheckedHovered": "#479ef5",
|
|
925
925
|
"inputBorder": "#797775",
|
|
926
926
|
"inputBorderHovered": "#f3f2f1",
|
|
927
|
-
"inputFocusBorderAlt": "#
|
|
927
|
+
"inputFocusBorderAlt": "#2886de",
|
|
928
928
|
"inputForegroundChecked": "#1b1a19",
|
|
929
929
|
"inputPlaceholderText": "#a19f9d",
|
|
930
930
|
"inputText": "#f3f2f1",
|
|
931
931
|
"inputTextHovered": "#faf9f8",
|
|
932
|
-
"link": "#
|
|
933
|
-
"linkHovered": "#
|
|
934
|
-
"linkPressed": "#
|
|
932
|
+
"link": "#2886de",
|
|
933
|
+
"linkHovered": "#62abf5",
|
|
934
|
+
"linkPressed": "#479ef5",
|
|
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": "#
|
|
945
|
+
"menuIcon": "#479ef5",
|
|
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": "#
|
|
1015
|
+
"personaActivityGlow": "#2886de",
|
|
1016
1016
|
"personaActivityRing": "#1b1a19",
|
|
1017
|
-
"primaryButtonBackground": "#
|
|
1017
|
+
"primaryButtonBackground": "#2886de",
|
|
1018
1018
|
"primaryButtonBackgroundDisabled": "#252423",
|
|
1019
|
-
"primaryButtonBackgroundHovered": "#
|
|
1020
|
-
"primaryButtonBackgroundPressed": "#
|
|
1019
|
+
"primaryButtonBackgroundHovered": "#479ef5",
|
|
1020
|
+
"primaryButtonBackgroundPressed": "#479ef5",
|
|
1021
1021
|
"primaryButtonBorder": "transparent",
|
|
1022
1022
|
"primaryButtonBorderFocused": "transparent",
|
|
1023
1023
|
"primaryButtonText": "#1b1a19",
|
|
@@ -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": "#
|
|
1400
|
+
"accentButtonBackground": "#0c3b5e",
|
|
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": "#
|
|
1430
|
-
"brandedBorder": "#
|
|
1429
|
+
"brandedBackground": "#2886de",
|
|
1430
|
+
"brandedBorder": "#479ef5",
|
|
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": "#
|
|
1441
|
-
"brandedFocusedBorder": "#
|
|
1440
|
+
"brandedFocusedBackground": "#479ef5",
|
|
1441
|
+
"brandedFocusedBorder": "#62abf5",
|
|
1442
1442
|
"brandedFocusedContent": "#1b1a19",
|
|
1443
1443
|
"brandedFocusedIcon": "#1b1a19",
|
|
1444
1444
|
"brandedFocusedSecondaryContent": "#201f1e",
|
|
1445
|
-
"brandedHoveredBackground": "#
|
|
1446
|
-
"brandedHoveredBorder": "#
|
|
1445
|
+
"brandedHoveredBackground": "#479ef5",
|
|
1446
|
+
"brandedHoveredBorder": "#62abf5",
|
|
1447
1447
|
"brandedHoveredContent": "#1b1a19",
|
|
1448
1448
|
"brandedHoveredIcon": "#1b1a19",
|
|
1449
1449
|
"brandedHoveredSecondaryContent": "#201f1e",
|
|
1450
1450
|
"brandedIcon": "#1b1a19",
|
|
1451
|
-
"brandedPressedBackground": "#
|
|
1452
|
-
"brandedPressedBorder": "#
|
|
1451
|
+
"brandedPressedBackground": "#479ef5",
|
|
1452
|
+
"brandedPressedBorder": "#62abf5",
|
|
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": "#
|
|
1472
|
+
"checkboxBackground": "#2886de",
|
|
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": "#
|
|
1552
|
-
"inputBackgroundCheckedHovered": "#
|
|
1551
|
+
"inputBackgroundChecked": "#2886de",
|
|
1552
|
+
"inputBackgroundCheckedHovered": "#479ef5",
|
|
1553
1553
|
"inputBorder": "#797775",
|
|
1554
1554
|
"inputBorderHovered": "#f3f2f1",
|
|
1555
|
-
"inputFocusBorderAlt": "#
|
|
1555
|
+
"inputFocusBorderAlt": "#2886de",
|
|
1556
1556
|
"inputForegroundChecked": "#1b1a19",
|
|
1557
1557
|
"inputPlaceholderText": "#a19f9d",
|
|
1558
1558
|
"inputText": "#f3f2f1",
|
|
1559
1559
|
"inputTextHovered": "#faf9f8",
|
|
1560
|
-
"link": "#
|
|
1561
|
-
"linkHovered": "#
|
|
1562
|
-
"linkPressed": "#
|
|
1560
|
+
"link": "#2886de",
|
|
1561
|
+
"linkHovered": "#62abf5",
|
|
1562
|
+
"linkPressed": "#479ef5",
|
|
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": "#
|
|
1573
|
+
"menuIcon": "#479ef5",
|
|
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": "#
|
|
1643
|
+
"personaActivityGlow": "#2886de",
|
|
1644
1644
|
"personaActivityRing": "#1b1a19",
|
|
1645
|
-
"primaryButtonBackground": "#
|
|
1645
|
+
"primaryButtonBackground": "#2886de",
|
|
1646
1646
|
"primaryButtonBackgroundDisabled": "#252423",
|
|
1647
|
-
"primaryButtonBackgroundHovered": "#
|
|
1648
|
-
"primaryButtonBackgroundPressed": "#
|
|
1647
|
+
"primaryButtonBackgroundHovered": "#479ef5",
|
|
1648
|
+
"primaryButtonBackgroundPressed": "#479ef5",
|
|
1649
1649
|
"primaryButtonBorder": "transparent",
|
|
1650
1650
|
"primaryButtonBorderFocused": "transparent",
|
|
1651
1651
|
"primaryButtonText": "#1b1a19",
|
|
@@ -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": "#
|
|
3068
|
+
"accentButtonBackground": "#0f6cbd",
|
|
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": "#
|
|
3098
|
-
"brandedBorder": "#
|
|
3097
|
+
"brandedBackground": "#0f6cbd",
|
|
3098
|
+
"brandedBorder": "#0f548c",
|
|
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": "#
|
|
3109
|
-
"brandedFocusedBorder":
|
|
3108
|
+
"brandedFocusedBackground": "#115ea3",
|
|
3109
|
+
"brandedFocusedBorder": "#0c3b5e",
|
|
3110
3110
|
"brandedFocusedContent": "#ffffff",
|
|
3111
3111
|
"brandedFocusedIcon": "#ffffff",
|
|
3112
3112
|
"brandedFocusedSecondaryContent": "#faf9f8",
|
|
3113
|
-
"brandedHoveredBackground": "#
|
|
3114
|
-
"brandedHoveredBorder":
|
|
3113
|
+
"brandedHoveredBackground": "#115ea3",
|
|
3114
|
+
"brandedHoveredBorder": "#0c3b5e",
|
|
3115
3115
|
"brandedHoveredContent": "#ffffff",
|
|
3116
3116
|
"brandedHoveredIcon": "#ffffff",
|
|
3117
3117
|
"brandedHoveredSecondaryContent": "#faf9f8",
|
|
3118
3118
|
"brandedIcon": "#ffffff",
|
|
3119
|
-
"brandedPressedBackground": "#
|
|
3120
|
-
"brandedPressedBorder":
|
|
3119
|
+
"brandedPressedBackground": "#0f548c",
|
|
3120
|
+
"brandedPressedBorder": "#0c3b5e",
|
|
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": "#
|
|
3140
|
+
"checkboxBackground": "#0f6cbd",
|
|
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": "#
|
|
3220
|
-
"inputBackgroundCheckedHovered": "#
|
|
3219
|
+
"inputBackgroundChecked": "#0f6cbd",
|
|
3220
|
+
"inputBackgroundCheckedHovered": "#115ea3",
|
|
3221
3221
|
"inputBorder": "#a19f9d",
|
|
3222
3222
|
"inputBorderHovered": "#323130",
|
|
3223
|
-
"inputFocusBorderAlt": "#
|
|
3223
|
+
"inputFocusBorderAlt": "#0f6cbd",
|
|
3224
3224
|
"inputForegroundChecked": "#ffffff",
|
|
3225
3225
|
"inputPlaceholderText": "#605e5c",
|
|
3226
3226
|
"inputText": "#323130",
|
|
3227
3227
|
"inputTextHovered": "#201f1e",
|
|
3228
|
-
"link": "#
|
|
3229
|
-
"linkHovered":
|
|
3230
|
-
"linkPressed": "#
|
|
3228
|
+
"link": "#0f6cbd",
|
|
3229
|
+
"linkHovered": "#0c3b5e",
|
|
3230
|
+
"linkPressed": "#0f548c",
|
|
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": "#
|
|
3241
|
-
"menuIcon": "#
|
|
3240
|
+
"menuHeader": "#0f6cbd",
|
|
3241
|
+
"menuIcon": "#0f6cbd",
|
|
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": "#
|
|
3311
|
+
"personaActivityGlow": "#0f6cbd",
|
|
3312
3312
|
"personaActivityRing": "#ffffff",
|
|
3313
|
-
"primaryButtonBackground": "#
|
|
3313
|
+
"primaryButtonBackground": "#0f6cbd",
|
|
3314
3314
|
"primaryButtonBackgroundDisabled": "#f3f2f1",
|
|
3315
|
-
"primaryButtonBackgroundHovered": "#
|
|
3316
|
-
"primaryButtonBackgroundPressed": "#
|
|
3315
|
+
"primaryButtonBackgroundHovered": "#115ea3",
|
|
3316
|
+
"primaryButtonBackgroundPressed": "#0f548c",
|
|
3317
3317
|
"primaryButtonBorder": "transparent",
|
|
3318
3318
|
"primaryButtonBorderFocused": "transparent",
|
|
3319
3319
|
"primaryButtonText": "#ffffff",
|
|
@@ -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": "#
|
|
3696
|
+
"accentButtonBackground": "#0f6cbd",
|
|
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": "#
|
|
3726
|
-
"brandedBorder": "#
|
|
3725
|
+
"brandedBackground": "#0f6cbd",
|
|
3726
|
+
"brandedBorder": "#0f548c",
|
|
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": "#
|
|
3737
|
-
"brandedFocusedBorder":
|
|
3736
|
+
"brandedFocusedBackground": "#115ea3",
|
|
3737
|
+
"brandedFocusedBorder": "#0c3b5e",
|
|
3738
3738
|
"brandedFocusedContent": "#ffffff",
|
|
3739
3739
|
"brandedFocusedIcon": "#ffffff",
|
|
3740
3740
|
"brandedFocusedSecondaryContent": "#faf9f8",
|
|
3741
|
-
"brandedHoveredBackground": "#
|
|
3742
|
-
"brandedHoveredBorder":
|
|
3741
|
+
"brandedHoveredBackground": "#115ea3",
|
|
3742
|
+
"brandedHoveredBorder": "#0c3b5e",
|
|
3743
3743
|
"brandedHoveredContent": "#ffffff",
|
|
3744
3744
|
"brandedHoveredIcon": "#ffffff",
|
|
3745
3745
|
"brandedHoveredSecondaryContent": "#faf9f8",
|
|
3746
3746
|
"brandedIcon": "#ffffff",
|
|
3747
|
-
"brandedPressedBackground": "#
|
|
3748
|
-
"brandedPressedBorder":
|
|
3747
|
+
"brandedPressedBackground": "#0f548c",
|
|
3748
|
+
"brandedPressedBorder": "#0c3b5e",
|
|
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": "#
|
|
3768
|
+
"checkboxBackground": "#0f6cbd",
|
|
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": "#
|
|
3848
|
-
"inputBackgroundCheckedHovered": "#
|
|
3847
|
+
"inputBackgroundChecked": "#0f6cbd",
|
|
3848
|
+
"inputBackgroundCheckedHovered": "#115ea3",
|
|
3849
3849
|
"inputBorder": "#a19f9d",
|
|
3850
3850
|
"inputBorderHovered": "#323130",
|
|
3851
|
-
"inputFocusBorderAlt": "#
|
|
3851
|
+
"inputFocusBorderAlt": "#0f6cbd",
|
|
3852
3852
|
"inputForegroundChecked": "#ffffff",
|
|
3853
3853
|
"inputPlaceholderText": "#605e5c",
|
|
3854
3854
|
"inputText": "#323130",
|
|
3855
3855
|
"inputTextHovered": "#201f1e",
|
|
3856
|
-
"link": "#
|
|
3857
|
-
"linkHovered":
|
|
3858
|
-
"linkPressed": "#
|
|
3856
|
+
"link": "#0f6cbd",
|
|
3857
|
+
"linkHovered": "#0c3b5e",
|
|
3858
|
+
"linkPressed": "#0f548c",
|
|
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": "#
|
|
3869
|
-
"menuIcon": "#
|
|
3868
|
+
"menuHeader": "#0f6cbd",
|
|
3869
|
+
"menuIcon": "#0f6cbd",
|
|
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": "#
|
|
3939
|
+
"personaActivityGlow": "#0f6cbd",
|
|
3940
3940
|
"personaActivityRing": "#ffffff",
|
|
3941
|
-
"primaryButtonBackground": "#
|
|
3941
|
+
"primaryButtonBackground": "#0f6cbd",
|
|
3942
3942
|
"primaryButtonBackgroundDisabled": "#f3f2f1",
|
|
3943
|
-
"primaryButtonBackgroundHovered": "#
|
|
3944
|
-
"primaryButtonBackgroundPressed": "#
|
|
3943
|
+
"primaryButtonBackgroundHovered": "#115ea3",
|
|
3944
|
+
"primaryButtonBackgroundPressed": "#0f548c",
|
|
3945
3945
|
"primaryButtonBorder": "transparent",
|
|
3946
3946
|
"primaryButtonBorderFocused": "transparent",
|
|
3947
3947
|
"primaryButtonText": "#ffffff",
|
|
@@ -4840,7 +4840,7 @@ Object {
|
|
|
4840
4840
|
exports[`defaultFluentDarkTheme test 1`] = `
|
|
4841
4841
|
Object {
|
|
4842
4842
|
"colors": Object {
|
|
4843
|
-
"accentButtonBackground": "#
|
|
4843
|
+
"accentButtonBackground": "#0c3b5e",
|
|
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": "#
|
|
4873
|
-
"brandedBorder": "#
|
|
4872
|
+
"brandedBackground": "#2886de",
|
|
4873
|
+
"brandedBorder": "#479ef5",
|
|
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": "#
|
|
4884
|
-
"brandedFocusedBorder": "#
|
|
4883
|
+
"brandedFocusedBackground": "#479ef5",
|
|
4884
|
+
"brandedFocusedBorder": "#62abf5",
|
|
4885
4885
|
"brandedFocusedContent": "#1b1a19",
|
|
4886
4886
|
"brandedFocusedIcon": "#1b1a19",
|
|
4887
4887
|
"brandedFocusedSecondaryContent": "#201f1e",
|
|
4888
|
-
"brandedHoveredBackground": "#
|
|
4889
|
-
"brandedHoveredBorder": "#
|
|
4888
|
+
"brandedHoveredBackground": "#479ef5",
|
|
4889
|
+
"brandedHoveredBorder": "#62abf5",
|
|
4890
4890
|
"brandedHoveredContent": "#1b1a19",
|
|
4891
4891
|
"brandedHoveredIcon": "#1b1a19",
|
|
4892
4892
|
"brandedHoveredSecondaryContent": "#201f1e",
|
|
4893
4893
|
"brandedIcon": "#1b1a19",
|
|
4894
|
-
"brandedPressedBackground": "#
|
|
4895
|
-
"brandedPressedBorder": "#
|
|
4894
|
+
"brandedPressedBackground": "#479ef5",
|
|
4895
|
+
"brandedPressedBorder": "#62abf5",
|
|
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": "#
|
|
4915
|
+
"checkboxBackground": "#2886de",
|
|
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": "#
|
|
4995
|
-
"inputBackgroundCheckedHovered": "#
|
|
4994
|
+
"inputBackgroundChecked": "#2886de",
|
|
4995
|
+
"inputBackgroundCheckedHovered": "#479ef5",
|
|
4996
4996
|
"inputBorder": "#797775",
|
|
4997
4997
|
"inputBorderHovered": "#f3f2f1",
|
|
4998
|
-
"inputFocusBorderAlt": "#
|
|
4998
|
+
"inputFocusBorderAlt": "#2886de",
|
|
4999
4999
|
"inputForegroundChecked": "#1b1a19",
|
|
5000
5000
|
"inputPlaceholderText": "#a19f9d",
|
|
5001
5001
|
"inputText": "#f3f2f1",
|
|
5002
5002
|
"inputTextHovered": "#faf9f8",
|
|
5003
|
-
"link": "#
|
|
5004
|
-
"linkHovered": "#
|
|
5005
|
-
"linkPressed": "#
|
|
5003
|
+
"link": "#2886de",
|
|
5004
|
+
"linkHovered": "#62abf5",
|
|
5005
|
+
"linkPressed": "#479ef5",
|
|
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": "#
|
|
5016
|
+
"menuIcon": "#479ef5",
|
|
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": "#
|
|
5086
|
+
"personaActivityGlow": "#2886de",
|
|
5087
5087
|
"personaActivityRing": "#1b1a19",
|
|
5088
|
-
"primaryButtonBackground": "#
|
|
5088
|
+
"primaryButtonBackground": "#2886de",
|
|
5089
5089
|
"primaryButtonBackgroundDisabled": "#252423",
|
|
5090
|
-
"primaryButtonBackgroundHovered": "#
|
|
5091
|
-
"primaryButtonBackgroundPressed": "#
|
|
5090
|
+
"primaryButtonBackgroundHovered": "#479ef5",
|
|
5091
|
+
"primaryButtonBackgroundPressed": "#479ef5",
|
|
5092
5092
|
"primaryButtonBorder": "transparent",
|
|
5093
5093
|
"primaryButtonBorderFocused": "transparent",
|
|
5094
5094
|
"primaryButtonText": "#1b1a19",
|
|
@@ -5468,7 +5468,7 @@ Object {
|
|
|
5468
5468
|
exports[`defaultFluentTheme test 1`] = `
|
|
5469
5469
|
Object {
|
|
5470
5470
|
"colors": Object {
|
|
5471
|
-
"accentButtonBackground": "#
|
|
5471
|
+
"accentButtonBackground": "#0f6cbd",
|
|
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": "#
|
|
5501
|
-
"brandedBorder": "#
|
|
5500
|
+
"brandedBackground": "#0f6cbd",
|
|
5501
|
+
"brandedBorder": "#0f548c",
|
|
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": "#
|
|
5512
|
-
"brandedFocusedBorder":
|
|
5511
|
+
"brandedFocusedBackground": "#115ea3",
|
|
5512
|
+
"brandedFocusedBorder": "#0c3b5e",
|
|
5513
5513
|
"brandedFocusedContent": "#ffffff",
|
|
5514
5514
|
"brandedFocusedIcon": "#ffffff",
|
|
5515
5515
|
"brandedFocusedSecondaryContent": "#faf9f8",
|
|
5516
|
-
"brandedHoveredBackground": "#
|
|
5517
|
-
"brandedHoveredBorder":
|
|
5516
|
+
"brandedHoveredBackground": "#115ea3",
|
|
5517
|
+
"brandedHoveredBorder": "#0c3b5e",
|
|
5518
5518
|
"brandedHoveredContent": "#ffffff",
|
|
5519
5519
|
"brandedHoveredIcon": "#ffffff",
|
|
5520
5520
|
"brandedHoveredSecondaryContent": "#faf9f8",
|
|
5521
5521
|
"brandedIcon": "#ffffff",
|
|
5522
|
-
"brandedPressedBackground": "#
|
|
5523
|
-
"brandedPressedBorder":
|
|
5522
|
+
"brandedPressedBackground": "#0f548c",
|
|
5523
|
+
"brandedPressedBorder": "#0c3b5e",
|
|
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": "#
|
|
5543
|
+
"checkboxBackground": "#0f6cbd",
|
|
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": "#
|
|
5623
|
-
"inputBackgroundCheckedHovered": "#
|
|
5622
|
+
"inputBackgroundChecked": "#0f6cbd",
|
|
5623
|
+
"inputBackgroundCheckedHovered": "#115ea3",
|
|
5624
5624
|
"inputBorder": "#a19f9d",
|
|
5625
5625
|
"inputBorderHovered": "#323130",
|
|
5626
|
-
"inputFocusBorderAlt": "#
|
|
5626
|
+
"inputFocusBorderAlt": "#0f6cbd",
|
|
5627
5627
|
"inputForegroundChecked": "#ffffff",
|
|
5628
5628
|
"inputPlaceholderText": "#605e5c",
|
|
5629
5629
|
"inputText": "#323130",
|
|
5630
5630
|
"inputTextHovered": "#201f1e",
|
|
5631
|
-
"link": "#
|
|
5632
|
-
"linkHovered":
|
|
5633
|
-
"linkPressed": "#
|
|
5631
|
+
"link": "#0f6cbd",
|
|
5632
|
+
"linkHovered": "#0c3b5e",
|
|
5633
|
+
"linkPressed": "#0f548c",
|
|
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": "#
|
|
5644
|
-
"menuIcon": "#
|
|
5643
|
+
"menuHeader": "#0f6cbd",
|
|
5644
|
+
"menuIcon": "#0f6cbd",
|
|
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": "#
|
|
5714
|
+
"personaActivityGlow": "#0f6cbd",
|
|
5715
5715
|
"personaActivityRing": "#ffffff",
|
|
5716
|
-
"primaryButtonBackground": "#
|
|
5716
|
+
"primaryButtonBackground": "#0f6cbd",
|
|
5717
5717
|
"primaryButtonBackgroundDisabled": "#f3f2f1",
|
|
5718
|
-
"primaryButtonBackgroundHovered": "#
|
|
5719
|
-
"primaryButtonBackgroundPressed": "#
|
|
5718
|
+
"primaryButtonBackgroundHovered": "#115ea3",
|
|
5719
|
+
"primaryButtonBackgroundPressed": "#0f548c",
|
|
5720
5720
|
"primaryButtonBorder": "transparent",
|
|
5721
5721
|
"primaryButtonBorderFocused": "transparent",
|
|
5722
5722
|
"primaryButtonText": "#ffffff",
|