@fluentui-react-native/default-theme 0.27.15 → 0.28.0

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 (67) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/README.md +4 -1
  3. package/lib/__tests__/default-theme.test.js +1 -14
  4. package/lib/__tests__/default-theme.test.js.map +1 -1
  5. package/lib/__tests__/defaultThemes.test.android.js +8 -3
  6. package/lib/__tests__/defaultThemes.test.android.js.map +1 -1
  7. package/lib/__tests__/defaultThemes.test.ios.js +8 -3
  8. package/lib/__tests__/defaultThemes.test.ios.js.map +1 -1
  9. package/lib/__tests__/defaultThemes.test.macos.js +8 -3
  10. package/lib/__tests__/defaultThemes.test.macos.js.map +1 -1
  11. package/lib/__tests__/defaultThemes.test.win32.js +8 -3
  12. package/lib/__tests__/defaultThemes.test.win32.js.map +1 -1
  13. package/lib/__tests__/defaultThemes.test.windows.js +8 -3
  14. package/lib/__tests__/defaultThemes.test.windows.js.map +1 -1
  15. package/lib/createDefaultTheme.d.ts +4 -0
  16. package/lib/createDefaultTheme.d.ts.map +1 -1
  17. package/lib/createDefaultTheme.js +11 -22
  18. package/lib/createDefaultTheme.js.map +1 -1
  19. package/lib/index.d.ts +1 -2
  20. package/lib/index.d.ts.map +1 -1
  21. package/lib/index.js +1 -2
  22. package/lib/index.js.map +1 -1
  23. package/package.json +2 -4
  24. package/src/__tests__/__snapshots__/default-theme.test.ts.snap +2520 -3042
  25. package/src/__tests__/__snapshots__/defaultThemes.test.android.ts.snap +1927 -692
  26. package/src/__tests__/__snapshots__/defaultThemes.test.ios.ts.snap +2027 -606
  27. package/src/__tests__/__snapshots__/defaultThemes.test.macos.ts.snap +1654 -1374
  28. package/src/__tests__/__snapshots__/defaultThemes.test.win32.ts.snap +4087 -1383
  29. package/src/__tests__/__snapshots__/defaultThemes.test.windows.ts.snap +4054 -1350
  30. package/src/__tests__/default-theme.test.ts +2 -18
  31. package/src/__tests__/defaultThemes.test.android.ts +8 -3
  32. package/src/__tests__/defaultThemes.test.ios.ts +8 -3
  33. package/src/__tests__/defaultThemes.test.macos.ts +8 -3
  34. package/src/__tests__/defaultThemes.test.win32.ts +8 -3
  35. package/src/__tests__/defaultThemes.test.windows.ts +8 -3
  36. package/src/createDefaultTheme.ts +12 -28
  37. package/src/index.ts +1 -2
  38. package/lib/createAliasTokens.d.ts +0 -3
  39. package/lib/createAliasTokens.d.ts.map +0 -1
  40. package/lib/createAliasTokens.js +0 -14
  41. package/lib/createAliasTokens.js.map +0 -1
  42. package/lib/defaultColors.d.ts +0 -10
  43. package/lib/defaultColors.d.ts.map +0 -1
  44. package/lib/defaultColors.js +0 -265
  45. package/lib/defaultColors.js.map +0 -1
  46. package/lib/defaultTheme.d.ts +0 -4
  47. package/lib/defaultTheme.d.ts.map +0 -1
  48. package/lib/defaultTheme.js +0 -17
  49. package/lib/defaultTheme.js.map +0 -1
  50. package/lib/stockWebPalette.d.ts +0 -4
  51. package/lib/stockWebPalette.d.ts.map +0 -1
  52. package/lib/stockWebPalette.js +0 -98
  53. package/lib/stockWebPalette.js.map +0 -1
  54. package/lib/stockWebPalette.macos.d.ts +0 -4
  55. package/lib/stockWebPalette.macos.d.ts.map +0 -1
  56. package/lib/stockWebPalette.macos.js +0 -75
  57. package/lib/stockWebPalette.macos.js.map +0 -1
  58. package/lib/stockWebPalette.win32.d.ts +0 -4
  59. package/lib/stockWebPalette.win32.d.ts.map +0 -1
  60. package/lib/stockWebPalette.win32.js +0 -75
  61. package/lib/stockWebPalette.win32.js.map +0 -1
  62. package/src/createAliasTokens.ts +0 -18
  63. package/src/defaultColors.ts +0 -325
  64. package/src/defaultTheme.ts +0 -19
  65. package/src/stockWebPalette.macos.ts +0 -82
  66. package/src/stockWebPalette.ts +0 -107
  67. package/src/stockWebPalette.win32.ts +0 -82
package/src/__tests__/__snapshots__/defaultThemes.test.macos.ts.snap CHANGED
@@ -3,64 +3,77 @@
3
3
  exports[`defaultFluentDarkTheme 1`] = `
4
4
  {
5
5
  "colors": {
6
- "accentButtonBackground": "#185abd",
7
- "actionLink": "#f3f2f1",
8
- "background": "#1b1a19",
9
- "bodyDivider": "#292827",
10
- "bodyFrameBackground": "#1b1a19",
11
- "bodyFrameDivider": "#292827",
12
- "bodyStandoutBackground": "#201f1e",
13
- "bodyText": "#f3f2f1",
6
+ "accentButtonBackground": "#0086f0",
7
+ "actionLink": "#ffffff",
8
+ "background": "#000000",
9
+ "bodyDivider": "#575757",
10
+ "bodyFrameBackground": "#000000",
11
+ "bodyFrameDivider": "#575757",
12
+ "bodyStandoutBackground": "#575757",
13
+ "bodyText": "#ffffff",
14
14
  "bodyTextChecked": "#ffffff",
15
- "brandBackground": "#1651aa",
16
- "brandBackground2": "#004578",
17
- "brandBackgroundDisabled": undefined,
18
- "brandBackgroundHover": "#185abd",
19
- "brandBackgroundPressed": "#004578",
20
- "brandBackgroundSelected": "#13458f",
21
- "brandBackgroundStatic": "#185abd",
22
- "brandForeground1": "#6794d7",
23
- "brandForeground1Disabled": undefined,
24
- "brandForeground1Pressed": undefined,
25
- "brandForeground2": "#aec6eb",
26
- "brandForegroundLink": "#2e6ac5",
27
- "brandForegroundLinkHover": "#aec6eb",
28
- "brandForegroundLinkPressed": "#6794d7",
29
- "brandForegroundLinkSelected": "#2e6ac5",
30
- "brandStroke1": "#2e6ac5",
31
- "brandStroke2": "#0e336a",
32
- "brandedBackground": "#2e6ac5",
33
- "brandedDisabledBorder": "#252423",
34
- "brandedFocusedSecondaryContent": "#201f1e",
35
- "brandedHoveredSecondaryContent": "#201f1e",
36
- "brandedPressedSecondaryContent": "#201f1e",
37
- "brandedSecondaryContent": "#201f1e",
38
- "buttonBackground": "#252423",
39
- "buttonBackgroundChecked": "#484644",
40
- "buttonBackgroundDisabled": "#252423",
41
- "buttonBackgroundHovered": "#292827",
42
- "buttonBackgroundPressed": "#292827",
43
- "buttonBorder": "#979693",
44
- "buttonBorderDisabled": "#252423",
45
- "buttonBorderFocused": "#979693",
15
+ "brandBackground": "#0086f0",
16
+ "brandBackground2": "#092c47",
17
+ "brandBackground2Pressed": "#1890f1",
18
+ "brandBackground2Selected": "#3aa0f3",
19
+ "brandBackground3": "#092c47",
20
+ "brandBackgroundDisabled": "#575757",
21
+ "brandBackgroundHover": "#1890f1",
22
+ "brandBackgroundInverted": "#ffffff",
23
+ "brandBackgroundInvertedDisabled": "#575757",
24
+ "brandBackgroundPressed": "#1890f1",
25
+ "brandBackgroundSelected": "#3aa0f3",
26
+ "brandBackgroundStatic": "#0086f0",
27
+ "brandBackgroundTint": "#092c47",
28
+ "brandForeground1": "#0086f0",
29
+ "brandForeground1Disabled": "#c2c2c2",
30
+ "brandForeground1Pressed": "#6cb8f6",
31
+ "brandForeground1Selected": "#3aa0f3",
32
+ "brandForeground2": "#092c47",
33
+ "brandForegroundDisabled1": "#c2c2c2",
34
+ "brandForegroundDisabled2": "#c2c2c2",
35
+ "brandForegroundLink": "#043862",
36
+ "brandForegroundLinkHover": "#092c47",
37
+ "brandForegroundLinkPressed": "#0078d4",
38
+ "brandForegroundLinkSelected": "#092c47",
39
+ "brandForegroundTint": "#092c47",
40
+ "brandStroke1": "#0086f0",
41
+ "brandStroke1Pressed": "#6cb8f6",
42
+ "brandStroke1Selected": "#3aa0f3",
43
+ "brandStroke2": "#004c87",
44
+ "brandStrokeTint": "#004c87",
45
+ "brandedBackground": "#0086f0",
46
+ "brandedDisabledBorder": "#00000000",
47
+ "brandedFocusedSecondaryContent": "#ffffff",
48
+ "brandedHoveredSecondaryContent": "#ffffff",
49
+ "brandedPressedSecondaryContent": "#ffffff",
50
+ "brandedSecondaryContent": "#ffffff",
51
+ "buttonBackground": "#000000",
52
+ "buttonBackgroundChecked": "#383838",
53
+ "buttonBackgroundDisabled": "#575757",
54
+ "buttonBackgroundHovered": "#3d3d3d",
55
+ "buttonBackgroundPressed": "#5c5c5c",
56
+ "buttonBorder": "#3d3d3d",
57
+ "buttonBorderDisabled": "#525252",
58
+ "buttonBorderFocused": "#ffffff",
46
59
  "buttonText": "#ffffff",
47
- "buttonTextChecked": "#faf9f8",
48
- "buttonTextDisabled": "#797775",
49
- "buttonTextHovered": "#f3f2f1",
50
- "buttonTextPressed": "#faf9f8",
51
- "checkboxBackground": "#2e6ac5",
52
- "checkboxBackgroundDisabled": "#252423",
53
- "checkboxBorderColor": "#979693",
54
- "checkmarkColor": "#1b1a19",
55
- "compoundBrandBackground1": "#2e6ac5",
56
- "compoundBrandBackground1Hover": "#6794d7",
57
- "compoundBrandBackground1Pressed": "#185abd",
58
- "compoundBrandForeground1": "#2e6ac5",
59
- "compoundBrandForeground1Hover": "#6794d7",
60
- "compoundBrandForeground1Pressed": "#185abd",
61
- "compoundBrandStroke1": "#2e6ac5",
62
- "compoundBrandStroke1Hover": "#6794d7",
63
- "compoundBrandStroke1Pressed": "#185abd",
60
+ "buttonTextChecked": "#ffffff",
61
+ "buttonTextDisabled": "#b8b8b8",
62
+ "buttonTextHovered": "#ffffff",
63
+ "buttonTextPressed": "#ffffff",
64
+ "checkboxBackground": "#0086f0",
65
+ "checkboxBackgroundDisabled": "#575757",
66
+ "checkboxBorderColor": "#adadad",
67
+ "checkmarkColor": "#ffffff",
68
+ "compoundBrandBackground1": "#0086f0",
69
+ "compoundBrandBackground1Hover": "#1890f1",
70
+ "compoundBrandBackground1Pressed": "#6cb8f6",
71
+ "compoundBrandForeground1": "#043862",
72
+ "compoundBrandForeground1Hover": "#092c47",
73
+ "compoundBrandForeground1Pressed": "#0078d4",
74
+ "compoundBrandStroke1": "#0086f0",
75
+ "compoundBrandStroke1Hover": "#1890f1",
76
+ "compoundBrandStroke1Pressed": "#6cb8f6",
64
77
  "dangerBackground1": "#3f1011",
65
78
  "dangerBackground2": "#751d1f",
66
79
  "dangerBackground3": "#d13438",
@@ -71,148 +84,160 @@ exports[`defaultFluentDarkTheme 1`] = `
71
84
  "dangerForeground2": "#f1bbbc",
72
85
  "dangerForeground3": "#e37d80",
73
86
  "dangerForegroundInverted": "#d13438",
74
- "defaultBackground": "#252423",
75
- "defaultBorder": "#979693",
76
- "defaultCheckedBackground": "#484644",
77
- "defaultCheckedContent": "#faf9f8",
78
- "defaultCheckedHoveredBackground": "#292827",
79
- "defaultCheckedHoveredContent": "#f3f2f1",
87
+ "dangerStroke1": "#d13438",
88
+ "defaultBackground": "#000000",
89
+ "defaultBorder": "#3d3d3d",
90
+ "defaultCheckedBackground": "#383838",
91
+ "defaultCheckedContent": "#ffffff",
92
+ "defaultCheckedHoveredBackground": "#3d3d3d",
93
+ "defaultCheckedHoveredContent": "#ffffff",
80
94
  "defaultContent": "#ffffff",
81
- "defaultDisabledBackground": "#252423",
82
- "defaultDisabledBorder": "#252423",
83
- "defaultDisabledContent": "#797775",
84
- "defaultDisabledIcon": "#797775",
85
- "defaultFocusedBackground": "#292827",
86
- "defaultFocusedBorder": "#979693",
87
- "defaultFocusedContent": "#f3f2f1",
88
- "defaultFocusedIcon": "#f3f2f1",
89
- "defaultHoveredBackground": "#292827",
90
- "defaultHoveredBorder": "#979693",
91
- "defaultHoveredContent": "#f3f2f1",
92
- "defaultHoveredIcon": "#f3f2f1",
93
- "defaultHoveredSecondaryContent": "#797775",
95
+ "defaultDisabledBackground": "#575757",
96
+ "defaultDisabledBorder": "#525252",
97
+ "defaultDisabledContent": "#b8b8b8",
98
+ "defaultDisabledIcon": "#b8b8b8",
99
+ "defaultFocusedBackground": "#3d3d3d",
100
+ "defaultFocusedBorder": "#ffffff",
101
+ "defaultFocusedContent": "#ffffff",
102
+ "defaultFocusedIcon": "#ffffff",
103
+ "defaultHoveredBackground": "#3d3d3d",
104
+ "defaultHoveredBorder": "#757575",
105
+ "defaultHoveredContent": "#ffffff",
106
+ "defaultHoveredIcon": "#ffffff",
107
+ "defaultHoveredSecondaryContent": "#d6d6d6",
94
108
  "defaultIcon": "#ffffff",
95
- "defaultPressedBackground": "#292827",
96
- "defaultPressedBorder": "#979693",
97
- "defaultPressedContent": "#faf9f8",
98
- "defaultPressedIcon": "#faf9f8",
99
- "defaultPressedSecondaryContent": "#797775",
100
- "disabledBackground": "#323130",
101
- "disabledBodyText": "#797775",
102
- "disabledText": "#797775",
103
- "errorText": "#ff5f5f",
104
- "focusBorder": "#a19f9d",
105
- "ghostBackground": "#1b1a19",
106
- "ghostBorder": "#1b1a19",
107
- "ghostCheckedBackground": "#292827",
109
+ "defaultPressedBackground": "#5c5c5c",
110
+ "defaultPressedBorder": "#6b6b6b",
111
+ "defaultPressedContent": "#ffffff",
112
+ "defaultPressedIcon": "#ffffff",
113
+ "defaultPressedSecondaryContent": "#d6d6d6",
114
+ "disabledBackground": "#575757",
115
+ "disabledBodyText": "#b8b8b8",
116
+ "disabledText": "#b8b8b8",
117
+ "errorText": "#e37d80",
118
+ "focusBorder": "#ffffff",
119
+ "ghostBackground": "#00000000",
120
+ "ghostBorder": "#00000000",
121
+ "ghostCheckedBackground": "#383838",
108
122
  "ghostCheckedContent": "#ffffff",
109
- "ghostCheckedHoveredBackground": "#252423",
110
- "ghostCheckedHoveredBorder": "#faf9f8",
111
- "ghostCheckedHoveredContent": "#faf9f8",
112
- "ghostContent": "#f3f2f1",
113
- "ghostDisabledBackground": "#1b1a19",
114
- "ghostDisabledBorder": "#1b1a19",
115
- "ghostDisabledContent": "#797775",
116
- "ghostDisabledIcon": "#797775",
117
- "ghostFocusedBackground": "#252423",
118
- "ghostFocusedBorder": "#979693",
119
- "ghostFocusedContent": "#faf9f8",
120
- "ghostFocusedIcon": "#faf9f8",
121
- "ghostFocusedSecondaryContent": "#a19f9d",
122
- "ghostHoveredBackground": "#252423",
123
- "ghostHoveredBorder": "#252423",
124
- "ghostHoveredContent": "#faf9f8",
125
- "ghostHoveredIcon": "#faf9f8",
126
- "ghostHoveredSecondaryContent": "#a19f9d",
127
- "ghostIcon": "#f3f2f1",
128
- "ghostPressedBackground": "#292827",
129
- "ghostPressedBorder": "#292827",
130
- "ghostPressedContent": "#faf9f8",
131
- "ghostPressedIcon": "#faf9f8",
132
- "ghostPressedSecondaryContent": "#a19f9d",
133
- "ghostSecondaryContent": "#a19f9d",
134
- "inputBackground": "#1b1a19",
135
- "inputBorder": "#797775",
136
- "inputFocusBorderAlt": "#2e6ac5",
137
- "inputPlaceholderText": "#a19f9d",
138
- "inputText": "#f3f2f1",
139
- "link": "#2e6ac5",
140
- "linkHovered": "#82c7ff",
141
- "linkPressed": "#aec6eb",
142
- "listHeaderBackgroundHovered": "#252423",
143
- "listHeaderBackgroundPressed": "#292827",
144
- "menuBackground": "#252423",
145
- "menuDivider": "#484644",
146
- "menuIcon": "#6794d7",
147
- "menuItemBackgroundHovered": "#323130",
148
- "menuItemBackgroundPressed": "#3b3a39",
149
- "menuItemText": "#f3f2f1",
150
- "menuItemTextHovered": "#faf9f8",
151
- "neutralBackground1": "#292929",
123
+ "ghostCheckedHoveredBackground": "#3d3d3d",
124
+ "ghostCheckedHoveredBorder": "#00000000",
125
+ "ghostCheckedHoveredContent": "#ffffff",
126
+ "ghostContent": "#ffffff",
127
+ "ghostDisabledBackground": "#00000000",
128
+ "ghostDisabledBorder": "#00000000",
129
+ "ghostDisabledContent": "#b8b8b8",
130
+ "ghostDisabledIcon": "#b8b8b8",
131
+ "ghostFocusedBackground": "#3d3d3d",
132
+ "ghostFocusedBorder": "#ffffff",
133
+ "ghostFocusedContent": "#ffffff",
134
+ "ghostFocusedIcon": "#ffffff",
135
+ "ghostFocusedSecondaryContent": "#adadad",
136
+ "ghostHoveredBackground": "#3d3d3d",
137
+ "ghostHoveredBorder": "#00000000",
138
+ "ghostHoveredContent": "#ffffff",
139
+ "ghostHoveredIcon": "#ffffff",
140
+ "ghostHoveredSecondaryContent": "#d6d6d6",
141
+ "ghostIcon": "#ffffff",
142
+ "ghostPressedBackground": "#1f1f1f",
143
+ "ghostPressedBorder": "#00000000",
144
+ "ghostPressedContent": "#ffffff",
145
+ "ghostPressedIcon": "#ffffff",
146
+ "ghostPressedSecondaryContent": "#d6d6d6",
147
+ "ghostSecondaryContent": "#adadad",
148
+ "inputBackground": "#000000",
149
+ "inputBorder": "#3d3d3d",
150
+ "inputFocusBorderAlt": "#0086f0",
151
+ "inputPlaceholderText": "#858585",
152
+ "inputText": "#ffffff",
153
+ "link": "#043862",
154
+ "linkHovered": "#092c47",
155
+ "linkPressed": "#0078d4",
156
+ "listHeaderBackgroundHovered": "#3d3d3d",
157
+ "listHeaderBackgroundPressed": "#5c5c5c",
158
+ "menuBackground": "#000000",
159
+ "menuDivider": "#575757",
160
+ "menuIcon": "#ffffff",
161
+ "menuItemBackgroundHovered": "#3d3d3d",
162
+ "menuItemBackgroundPressed": "#5c5c5c",
163
+ "menuItemText": "#ffffff",
164
+ "menuItemTextHovered": "#ffffff",
165
+ "neutralBackground1": "#000000",
152
166
  "neutralBackground1Hover": "#3d3d3d",
153
- "neutralBackground1Pressed": "#1f1f1f",
167
+ "neutralBackground1Pressed": "#5c5c5c",
154
168
  "neutralBackground1Selected": "#383838",
155
- "neutralBackground2": "#1f1f1f",
169
+ "neutralBackground2": "#575757",
156
170
  "neutralBackground2Hover": "#333333",
157
- "neutralBackground2Pressed": "#141414",
171
+ "neutralBackground2Pressed": "#707070",
158
172
  "neutralBackground2Selected": "#2e2e2e",
159
- "neutralBackground3": "#141414",
173
+ "neutralBackground3": "#575757",
160
174
  "neutralBackground3Hover": "#292929",
161
175
  "neutralBackground3Pressed": "#0a0a0a",
162
176
  "neutralBackground3Selected": "#242424",
163
- "neutralBackground4": "#0a0a0a",
177
+ "neutralBackground4": "#1f1f1f",
164
178
  "neutralBackground4Hover": "#1f1f1f",
165
179
  "neutralBackground4Pressed": "#000000",
166
180
  "neutralBackground4Selected": "#1a1a1a",
167
- "neutralBackground5": "#000000",
181
+ "neutralBackground5": "#5c5c5c",
168
182
  "neutralBackground5Hover": "#141414",
169
183
  "neutralBackground5Pressed": "#050505",
170
184
  "neutralBackground5Selected": "#0f0f0f",
171
185
  "neutralBackground6": "#333333",
172
- "neutralBackgroundDisabled": "#141414",
186
+ "neutralBackgroundCanvas": "#000000",
187
+ "neutralBackgroundDarkStatic": "#3d3d3d",
188
+ "neutralBackgroundDisabled": "#575757",
173
189
  "neutralBackgroundInverted": "#ffffff",
190
+ "neutralBackgroundLightStatic": "#ffffff",
191
+ "neutralBackgroundLightStaticDisabled": "#575757",
174
192
  "neutralForeground1": "#ffffff",
175
193
  "neutralForeground1Hover": "#ffffff",
176
194
  "neutralForeground1Pressed": "#ffffff",
177
195
  "neutralForeground1Selected": "#ffffff",
178
- "neutralForeground2": "#d6d6d6",
179
- "neutralForeground2BrandHover": "#6794d7",
180
- "neutralForeground2BrandPressed": "#2e6ac5",
181
- "neutralForeground2BrandSelected": "#6794d7",
196
+ "neutralForeground2": "#ffffff",
197
+ "neutralForeground2BrandHover": "#092c47",
198
+ "neutralForeground2BrandPressed": "#0078d4",
199
+ "neutralForeground2BrandSelected": "#092c47",
182
200
  "neutralForeground2Hover": "#ffffff",
183
201
  "neutralForeground2Pressed": "#ffffff",
184
202
  "neutralForeground2Selected": "#ffffff",
185
203
  "neutralForeground3": "#adadad",
186
- "neutralForeground3BrandHover": "#6794d7",
187
- "neutralForeground3BrandPressed": "#2e6ac5",
188
- "neutralForeground3BrandSelected": "#6794d7",
204
+ "neutralForeground3BrandHover": "#092c47",
205
+ "neutralForeground3BrandPressed": "#0078d4",
206
+ "neutralForeground3BrandSelected": "#092c47",
189
207
  "neutralForeground3Hover": "#d6d6d6",
190
208
  "neutralForeground3Pressed": "#d6d6d6",
191
209
  "neutralForeground3Selected": "#d6d6d6",
192
- "neutralForeground4": "#999999",
193
- "neutralForegroundDisabled": "#5c5c5c",
194
- "neutralForegroundInverted": "#242424",
195
- "neutralForegroundInvertedLink": "#ffffff",
196
- "neutralForegroundInvertedLinkHover": "#ffffff",
197
- "neutralForegroundInvertedLinkPressed": "#ffffff",
198
- "neutralForegroundInvertedLinkSelected": "#ffffff",
210
+ "neutralForeground4": "#858585",
211
+ "neutralForegroundDarkStatic": "#000000",
212
+ "neutralForegroundDisabled": "#b8b8b8",
213
+ "neutralForegroundDisabled1": "#b8b8b8",
214
+ "neutralForegroundDisabled2": "#b8b8b8",
215
+ "neutralForegroundInverted": "#ffffff",
216
+ "neutralForegroundInvertedLink": "#292929",
217
+ "neutralForegroundInvertedLinkHover": "#292929",
218
+ "neutralForegroundInvertedLinkPressed": "#292929",
219
+ "neutralForegroundInvertedLinkSelected": "#292929",
220
+ "neutralForegroundLightStatic": "#ffffff",
199
221
  "neutralForegroundOnBrand": "#ffffff",
200
222
  "neutralForegroundOnBrandHover": "#ffffff",
201
223
  "neutralForegroundOnBrandPressed": "#ffffff",
202
224
  "neutralForegroundOnBrandSelected": "#ffffff",
225
+ "neutralForegroundOnColor": "#ffffff",
203
226
  "neutralStencil1": "#333333",
204
227
  "neutralStencil2": "#575757",
205
- "neutralStroke1": "#666666",
228
+ "neutralStroke1": "#3d3d3d",
206
229
  "neutralStroke1Hover": "#757575",
207
230
  "neutralStroke1Pressed": "#6b6b6b",
208
231
  "neutralStroke1Selected": "#707070",
209
- "neutralStroke2": "#525252",
210
- "neutralStroke3": "#3d3d3d",
232
+ "neutralStroke2": "#575757",
233
+ "neutralStroke3": "#666666",
211
234
  "neutralStrokeAccessible": "#adadad",
212
235
  "neutralStrokeAccessibleHover": "#bdbdbd",
213
236
  "neutralStrokeAccessiblePressed": "#b3b3b3",
214
- "neutralStrokeAccessibleSelected": "#6794d7",
215
- "neutralStrokeDisabled": "#424242",
237
+ "neutralStrokeAccessibleSelected": "#0086f0",
238
+ "neutralStrokeDisabled": "#525252",
239
+ "neutralStrokeFocus1": "#000000",
240
+ "neutralStrokeFocus2": "#ffffff",
216
241
  "outofofficeBackground1": "#3a1136",
217
242
  "outofofficeBackground2": "#6d2064",
218
243
  "outofofficeBackground3": "#c239b3",
@@ -222,18 +247,31 @@ exports[`defaultFluentDarkTheme 1`] = `
222
247
  "outofofficeForeground1": "#da7ed0",
223
248
  "outofofficeForeground2": "#edbbe7",
224
249
  "outofofficeForeground3": "#d161c4",
225
- "personaActivityGlow": "#2e6ac5",
226
- "personaActivityRing": "#1b1a19",
227
- "primaryButtonBackground": "#2e6ac5",
228
- "primaryButtonBackgroundDisabled": "#252423",
229
- "primaryButtonBackgroundHovered": "#6794d7",
230
- "primaryButtonBackgroundPressed": "#aec6eb",
231
- "primaryButtonBorder": "transparent",
232
- "primaryButtonBorderFocused": "transparent",
233
- "primaryButtonText": "#1b1a19",
234
- "primaryButtonTextDisabled": "#3b3a39",
235
- "primaryButtonTextHovered": "#1b1a19",
236
- "primaryButtonTextPressed": "#1b1a19",
250
+ "personaActivityGlow": "#0086f0",
251
+ "personaActivityRing": "#000000",
252
+ "presenceAvailable": "#54b054",
253
+ "presenceAway": "#feee66",
254
+ "presenceDnd": "#e37d80",
255
+ "presenceOof": "#da7ed0",
256
+ "primaryButtonBackground": "#0086f0",
257
+ "primaryButtonBackgroundDisabled": "#575757",
258
+ "primaryButtonBackgroundHovered": "#1890f1",
259
+ "primaryButtonBackgroundPressed": "#1890f1",
260
+ "primaryButtonBorder": "#00000000",
261
+ "primaryButtonBorderFocused": "#ffffff",
262
+ "primaryButtonText": "#ffffff",
263
+ "primaryButtonTextDisabled": "#b8b8b8",
264
+ "primaryButtonTextHovered": "#ffffff",
265
+ "primaryButtonTextPressed": "#ffffff",
266
+ "redBackground1": "#3f1011",
267
+ "redBackground2": "#751d1f",
268
+ "redBackground3": "#d13438",
269
+ "redBorder1": "#d13438",
270
+ "redBorder2": "#dc5e62",
271
+ "redBorderActive": "#e37d80",
272
+ "redForeground1": "#e37d80",
273
+ "redForeground2": "#f1bbbc",
274
+ "redForeground3": "#e37d80",
237
275
  "severeBackground1": "#411200",
238
276
  "severeBackground2": "#7a2101",
239
277
  "severeBackground3": "#da3b01",
@@ -243,23 +281,705 @@ exports[`defaultFluentDarkTheme 1`] = `
243
281
  "severeForeground1": "#e9835e",
244
282
  "severeForeground2": "#f4bfab",
245
283
  "severeForeground3": "#e9835e",
284
+ "severeStroke1": "#da3b01",
246
285
  "strokeFocus1": "#000000",
247
286
  "strokeFocus2": "#ffffff",
248
- "subText": "#a19f9d",
287
+ "subText": "#ffffff",
288
+ "subtleBackground": "#00000000",
289
+ "subtleBackgroundHover": "#3d3d3d",
290
+ "subtleBackgroundPressed": "#1f1f1f",
291
+ "subtleBackgroundSelected": "#383838",
292
+ "successBackground1": "#052505",
293
+ "successBackground2": "#094509",
294
+ "successBackground3": "#107c10",
295
+ "successBorder1": "#107c10",
296
+ "successBorder2": "#9fd89f",
297
+ "successBorderActive": "#54b054",
298
+ "successForeground1": "#54b054",
299
+ "successForeground2": "#9fd89f",
300
+ "successForeground3": "#9fd89f",
301
+ "successForegroundInverted": "#107c10",
302
+ "successStroke1": "#107c10",
303
+ "transparentBackground": "#00000000",
304
+ "transparentBackgroundHover": "#00000000",
305
+ "transparentBackgroundPressed": "#00000000",
306
+ "transparentBackgroundSelected": "#00000000",
307
+ "transparentStroke": "#00000000",
308
+ "transparentStrokeDisabled": "#00000000",
309
+ "transparentStrokeInteractive": "#00000000",
310
+ "variantBorder": "#575757",
311
+ "warningBackground1": "#4c4400",
312
+ "warningBackground2": "#817400",
313
+ "warningBackground3": "#fde300",
314
+ "warningBorder1": "#fde300",
315
+ "warningBorder2": "#fdea3d",
316
+ "warningBorderActive": "#feee66",
317
+ "warningForeground1": "#feee66",
318
+ "warningForeground2": "#fef7b2",
319
+ "warningForeground3": "#fdea3d",
320
+ "warningForegroundInverted": "#817400",
321
+ "warningStroke1": "#fde300",
322
+ },
323
+ "components": {},
324
+ "host": {
325
+ "appearance": "dark",
326
+ },
327
+ "shadows": {
328
+ "shadow16": {
329
+ "ambient": {
330
+ "blur": 2,
331
+ "color": "#0000003d",
332
+ "x": 0,
333
+ "y": 0,
334
+ },
335
+ "key": {
336
+ "blur": 16,
337
+ "color": "#00000047",
338
+ "x": 0,
339
+ "y": 8,
340
+ },
341
+ },
342
+ "shadow16brand": {
343
+ "ambient": {
344
+ "blur": 2,
345
+ "color": "#0000004d",
346
+ "x": 0,
347
+ "y": 0,
348
+ },
349
+ "key": {
350
+ "blur": 16,
351
+ "color": "#00000040",
352
+ "x": 0,
353
+ "y": 8,
354
+ },
355
+ },
356
+ "shadow2": {
357
+ "ambient": {
358
+ "blur": 2,
359
+ "color": "#0000003d",
360
+ "x": 0,
361
+ "y": 0,
362
+ },
363
+ "key": {
364
+ "blur": 2,
365
+ "color": "#00000047",
366
+ "x": 0,
367
+ "y": 1,
368
+ },
369
+ },
370
+ "shadow28": {
371
+ "ambient": {
372
+ "blur": 8,
373
+ "color": "#00000066",
374
+ "x": 0,
375
+ "y": 0,
376
+ },
377
+ "key": {
378
+ "blur": 28,
379
+ "color": "#0000007a",
380
+ "x": 0,
381
+ "y": 14,
382
+ },
383
+ },
384
+ "shadow28brand": {
385
+ "ambient": {
386
+ "blur": 8,
387
+ "color": "#0000004d",
388
+ "x": 0,
389
+ "y": 0,
390
+ },
391
+ "key": {
392
+ "blur": 28,
393
+ "color": "#00000040",
394
+ "x": 0,
395
+ "y": 14,
396
+ },
397
+ },
398
+ "shadow2brand": {
399
+ "ambient": {
400
+ "blur": 2,
401
+ "color": "#0000004d",
402
+ "x": 0,
403
+ "y": 0,
404
+ },
405
+ "key": {
406
+ "blur": 2,
407
+ "color": "#00000040",
408
+ "x": 0,
409
+ "y": 1,
410
+ },
411
+ },
412
+ "shadow4": {
413
+ "ambient": {
414
+ "blur": 2,
415
+ "color": "#0000003d",
416
+ "x": 0,
417
+ "y": 0,
418
+ },
419
+ "key": {
420
+ "blur": 4,
421
+ "color": "#00000047",
422
+ "x": 0,
423
+ "y": 2,
424
+ },
425
+ },
426
+ "shadow4brand": {
427
+ "ambient": {
428
+ "blur": 2,
429
+ "color": "#0000004d",
430
+ "x": 0,
431
+ "y": 0,
432
+ },
433
+ "key": {
434
+ "blur": 4,
435
+ "color": "#00000040",
436
+ "x": 0,
437
+ "y": 2,
438
+ },
439
+ },
440
+ "shadow64": {
441
+ "ambient": {
442
+ "blur": 8,
443
+ "color": "#00000066",
444
+ "x": 0,
445
+ "y": 0,
446
+ },
447
+ "key": {
448
+ "blur": 64,
449
+ "color": "#0000007a",
450
+ "x": 0,
451
+ "y": 32,
452
+ },
453
+ },
454
+ "shadow64brand": {
455
+ "ambient": {
456
+ "blur": 8,
457
+ "color": "#0000004d",
458
+ "x": 0,
459
+ "y": 0,
460
+ },
461
+ "key": {
462
+ "blur": 64,
463
+ "color": "#00000040",
464
+ "x": 0,
465
+ "y": 32,
466
+ },
467
+ },
468
+ "shadow8": {
469
+ "ambient": {
470
+ "blur": 2,
471
+ "color": "#0000003d",
472
+ "x": 0,
473
+ "y": 0,
474
+ },
475
+ "key": {
476
+ "blur": 8,
477
+ "color": "#00000047",
478
+ "x": 0,
479
+ "y": 4,
480
+ },
481
+ },
482
+ "shadow8brand": {
483
+ "ambient": {
484
+ "blur": 2,
485
+ "color": "#0000004d",
486
+ "x": 0,
487
+ "y": 0,
488
+ },
489
+ "key": {
490
+ "blur": 8,
491
+ "color": "#00000040",
492
+ "x": 0,
493
+ "y": 4,
494
+ },
495
+ },
496
+ },
497
+ "spacing": {
498
+ "l1": "20px",
499
+ "l2": "32px",
500
+ "m": "16px",
501
+ "s1": "8px",
502
+ "s2": "4px",
503
+ },
504
+ "typography": {
505
+ "families": {
506
+ "cursive": "Helvetica Neue",
507
+ "monospace": "Courier New",
508
+ "numeric": "Helvetica Neue",
509
+ "primary": "Helvetica Neue",
510
+ "sansSerif": "Helvetica Neue",
511
+ "secondary": "Helvetica Neue",
512
+ "serif": "Helvetica Neue",
513
+ },
514
+ "sizes": {
515
+ "body": 14,
516
+ "caption": 10,
517
+ "header": 20,
518
+ "hero": 28,
519
+ "heroLarge": 40,
520
+ "secondary": 12,
521
+ "subheader": 16,
522
+ },
523
+ "variants": {
524
+ "body1": {
525
+ "face": "primary",
526
+ "size": 12,
527
+ "weight": "400",
528
+ },
529
+ "body1Strong": {
530
+ "face": "primary",
531
+ "size": 12,
532
+ "weight": "600",
533
+ },
534
+ "body2": {
535
+ "face": "primary",
536
+ "size": 14,
537
+ "weight": "400",
538
+ },
539
+ "body2Strong": {
540
+ "face": "primary",
541
+ "size": 14,
542
+ "weight": "600",
543
+ },
544
+ "bodySemibold": {
545
+ "face": "primary",
546
+ "size": 14,
547
+ "weight": "600",
548
+ },
549
+ "bodyStandard": {
550
+ "face": "primary",
551
+ "size": 14,
552
+ "weight": "400",
553
+ },
554
+ "caption1": {
555
+ "face": "primary",
556
+ "size": 10,
557
+ "weight": "400",
558
+ },
559
+ "caption1Strong": {
560
+ "face": "primary",
561
+ "size": 10,
562
+ "weight": "600",
563
+ },
564
+ "caption2": {
565
+ "face": "primary",
566
+ "size": 10,
567
+ "weight": "400",
568
+ },
569
+ "captionStandard": {
570
+ "face": "primary",
571
+ "size": 10,
572
+ "weight": "400",
573
+ },
574
+ "display": {
575
+ "face": "primary",
576
+ "size": 40,
577
+ "weight": "600",
578
+ },
579
+ "headerSemibold": {
580
+ "face": "primary",
581
+ "size": 20,
582
+ "weight": "600",
583
+ },
584
+ "headerStandard": {
585
+ "face": "primary",
586
+ "size": 20,
587
+ "weight": "400",
588
+ },
589
+ "heroLargeSemibold": {
590
+ "face": "primary",
591
+ "size": 40,
592
+ "weight": "600",
593
+ },
594
+ "heroLargeStandard": {
595
+ "face": "primary",
596
+ "size": 40,
597
+ "weight": "400",
598
+ },
599
+ "heroSemibold": {
600
+ "face": "primary",
601
+ "size": 28,
602
+ "weight": "600",
603
+ },
604
+ "heroStandard": {
605
+ "face": "primary",
606
+ "size": 28,
607
+ "weight": "400",
608
+ },
609
+ "largeTitle": {
610
+ "face": "primary",
611
+ "size": 40,
612
+ "weight": "400",
613
+ },
614
+ "secondarySemibold": {
615
+ "face": "primary",
616
+ "size": 12,
617
+ "weight": "600",
618
+ },
619
+ "secondaryStandard": {
620
+ "face": "primary",
621
+ "size": 12,
622
+ "weight": "400",
623
+ },
624
+ "subheaderSemibold": {
625
+ "face": "primary",
626
+ "size": 16,
627
+ "weight": "600",
628
+ },
629
+ "subheaderStandard": {
630
+ "face": "primary",
631
+ "size": 16,
632
+ "weight": "400",
633
+ },
634
+ "subtitle1": {
635
+ "face": "primary",
636
+ "size": 20,
637
+ "weight": "400",
638
+ },
639
+ "subtitle1Strong": {
640
+ "face": "primary",
641
+ "size": 20,
642
+ "weight": "600",
643
+ },
644
+ "subtitle2": {
645
+ "face": "primary",
646
+ "size": 16,
647
+ "weight": "400",
648
+ },
649
+ "subtitle2Strong": {
650
+ "face": "primary",
651
+ "size": 16,
652
+ "weight": "600",
653
+ },
654
+ "title1": {
655
+ "face": "primary",
656
+ "size": 28,
657
+ "weight": "400",
658
+ },
659
+ "title1Strong": {
660
+ "face": "primary",
661
+ "size": 28,
662
+ "weight": "600",
663
+ },
664
+ "title2": {
665
+ "face": "primary",
666
+ "size": 20,
667
+ "weight": "400",
668
+ },
669
+ "title3": {
670
+ "face": "primary",
671
+ "size": 16,
672
+ "weight": "400",
673
+ },
674
+ },
675
+ "weights": {
676
+ "regular": "400",
677
+ "semiBold": "600",
678
+ },
679
+ },
680
+ }
681
+ `;
682
+
683
+ exports[`defaultFluentTheme 1`] = `
684
+ {
685
+ "colors": {
686
+ "accentButtonBackground": "#0078d4",
687
+ "actionLink": "#242424",
688
+ "background": "#ffffff",
689
+ "bodyDivider": "#d6d6d6",
690
+ "bodyFrameBackground": "#ffffff",
691
+ "bodyFrameDivider": "#d6d6d6",
692
+ "bodyStandoutBackground": "#ffffff",
693
+ "bodyText": "#242424",
694
+ "bodyTextChecked": "#242424",
695
+ "brandBackground": "#0078d4",
696
+ "brandBackground2": "#eff6fc",
697
+ "brandBackground2Pressed": "#106ebe",
698
+ "brandBackground2Selected": "#005a9e",
699
+ "brandBackground3": "#eff6fc",
700
+ "brandBackgroundDisabled": "#d1d1d1",
701
+ "brandBackgroundHover": "#106ebe",
702
+ "brandBackgroundInverted": "#616161",
703
+ "brandBackgroundInvertedDisabled": "#f0f0f0",
704
+ "brandBackgroundPressed": "#106ebe",
705
+ "brandBackgroundSelected": "#005a9e",
706
+ "brandBackgroundStatic": "#0078d4",
707
+ "brandBackgroundTint": "#eff6fc",
708
+ "brandForeground1": "#0078d4",
709
+ "brandForeground1Disabled": "#757575",
710
+ "brandForeground1Pressed": "#004578",
711
+ "brandForeground1Selected": "#005a9e",
712
+ "brandForeground2": "#106ebe",
713
+ "brandForegroundDisabled1": "#757575",
714
+ "brandForegroundDisabled2": "#757575",
715
+ "brandForegroundLink": "#0078d4",
716
+ "brandForegroundLinkHover": "#106ebe",
717
+ "brandForegroundLinkPressed": "#004578",
718
+ "brandForegroundLinkSelected": "#005a9e",
719
+ "brandForegroundTint": "#106ebe",
720
+ "brandStroke1": "#0078d4",
721
+ "brandStroke1Pressed": "#004578",
722
+ "brandStroke1Selected": "#005a9e",
723
+ "brandStroke2": "#c7e0f4",
724
+ "brandStrokeTint": "#c7e0f4",
725
+ "brandedBackground": "#0078d4",
726
+ "brandedDisabledBorder": "#00000000",
727
+ "brandedFocusedSecondaryContent": "#ffffff",
728
+ "brandedHoveredSecondaryContent": "#ffffff",
729
+ "brandedPressedSecondaryContent": "#ffffff",
730
+ "brandedSecondaryContent": "#ffffff",
731
+ "buttonBackground": "#ffffff",
732
+ "buttonBackgroundChecked": "#ebebeb",
733
+ "buttonBackgroundDisabled": "#f0f0f0",
734
+ "buttonBackgroundHovered": "#f5f5f5",
735
+ "buttonBackgroundPressed": "#ebebeb",
736
+ "buttonBorder": "#f0f0f0",
737
+ "buttonBorderDisabled": "#e0e0e0",
738
+ "buttonBorderFocused": "#000000",
739
+ "buttonText": "#242424",
740
+ "buttonTextChecked": "#242424",
741
+ "buttonTextDisabled": "#757575",
742
+ "buttonTextHovered": "#242424",
743
+ "buttonTextPressed": "#242424",
744
+ "checkboxBackground": "#0078d4",
745
+ "checkboxBackgroundDisabled": "#f0f0f0",
746
+ "checkboxBorderColor": "#616161",
747
+ "checkmarkColor": "#ffffff",
748
+ "compoundBrandBackground1": "#0078d4",
749
+ "compoundBrandBackground1Hover": "#106ebe",
750
+ "compoundBrandBackground1Pressed": "#004578",
751
+ "compoundBrandForeground1": "#0078d4",
752
+ "compoundBrandForeground1Hover": "#106ebe",
753
+ "compoundBrandForeground1Pressed": "#004578",
754
+ "compoundBrandStroke1": "#0078d4",
755
+ "compoundBrandStroke1Hover": "#106ebe",
756
+ "compoundBrandStroke1Pressed": "#004578",
757
+ "dangerBackground1": "#fdf6f6",
758
+ "dangerBackground2": "#f1bbbc",
759
+ "dangerBackground3": "#d13438",
760
+ "dangerBorder1": "#f1bbbc",
761
+ "dangerBorder2": "#d13438",
762
+ "dangerBorderActive": "#d13438",
763
+ "dangerForeground1": "#bc2f32",
764
+ "dangerForeground2": "#751d1f",
765
+ "dangerForeground3": "#d13438",
766
+ "dangerForegroundInverted": "#dc5e62",
767
+ "dangerStroke1": "#f1bbbc",
768
+ "defaultBackground": "#ffffff",
769
+ "defaultBorder": "#f0f0f0",
770
+ "defaultCheckedBackground": "#ebebeb",
771
+ "defaultCheckedContent": "#242424",
772
+ "defaultCheckedHoveredBackground": "#f5f5f5",
773
+ "defaultCheckedHoveredContent": "#242424",
774
+ "defaultContent": "#242424",
775
+ "defaultDisabledBackground": "#f0f0f0",
776
+ "defaultDisabledBorder": "#e0e0e0",
777
+ "defaultDisabledContent": "#757575",
778
+ "defaultDisabledIcon": "#757575",
779
+ "defaultFocusedBackground": "#f5f5f5",
780
+ "defaultFocusedBorder": "#000000",
781
+ "defaultFocusedContent": "#242424",
782
+ "defaultFocusedIcon": "#242424",
783
+ "defaultHoveredBackground": "#f5f5f5",
784
+ "defaultHoveredBorder": "#c7c7c7",
785
+ "defaultHoveredContent": "#242424",
786
+ "defaultHoveredIcon": "#242424",
787
+ "defaultHoveredSecondaryContent": "#424242",
788
+ "defaultIcon": "#242424",
789
+ "defaultPressedBackground": "#ebebeb",
790
+ "defaultPressedBorder": "#b3b3b3",
791
+ "defaultPressedContent": "#242424",
792
+ "defaultPressedIcon": "#242424",
793
+ "defaultPressedSecondaryContent": "#424242",
794
+ "disabledBackground": "#f0f0f0",
795
+ "disabledBodyText": "#757575",
796
+ "disabledText": "#757575",
797
+ "errorText": "#bc2f32",
798
+ "focusBorder": "#000000",
799
+ "ghostBackground": "#00000000",
800
+ "ghostBorder": "#00000000",
801
+ "ghostCheckedBackground": "#ebebeb",
802
+ "ghostCheckedContent": "#242424",
803
+ "ghostCheckedHoveredBackground": "#f5f5f5",
804
+ "ghostCheckedHoveredBorder": "#00000000",
805
+ "ghostCheckedHoveredContent": "#242424",
806
+ "ghostContent": "#242424",
807
+ "ghostDisabledBackground": "#00000000",
808
+ "ghostDisabledBorder": "#00000000",
809
+ "ghostDisabledContent": "#757575",
810
+ "ghostDisabledIcon": "#757575",
811
+ "ghostFocusedBackground": "#f5f5f5",
812
+ "ghostFocusedBorder": "#000000",
813
+ "ghostFocusedContent": "#242424",
814
+ "ghostFocusedIcon": "#242424",
815
+ "ghostFocusedSecondaryContent": "#616161",
816
+ "ghostHoveredBackground": "#f5f5f5",
817
+ "ghostHoveredBorder": "#00000000",
818
+ "ghostHoveredContent": "#242424",
819
+ "ghostHoveredIcon": "#242424",
820
+ "ghostHoveredSecondaryContent": "#424242",
821
+ "ghostIcon": "#242424",
822
+ "ghostPressedBackground": "#e0e0e0",
823
+ "ghostPressedBorder": "#00000000",
824
+ "ghostPressedContent": "#242424",
825
+ "ghostPressedIcon": "#242424",
826
+ "ghostPressedSecondaryContent": "#424242",
827
+ "ghostSecondaryContent": "#616161",
828
+ "inputBackground": "#ffffff",
829
+ "inputBorder": "#f0f0f0",
830
+ "inputFocusBorderAlt": "#0078d4",
831
+ "inputPlaceholderText": "#808080",
832
+ "inputText": "#242424",
833
+ "link": "#0078d4",
834
+ "linkHovered": "#106ebe",
835
+ "linkPressed": "#004578",
836
+ "listHeaderBackgroundHovered": "#f5f5f5",
837
+ "listHeaderBackgroundPressed": "#ebebeb",
838
+ "menuBackground": "#ffffff",
839
+ "menuDivider": "#d6d6d6",
840
+ "menuIcon": "#000000",
841
+ "menuItemBackgroundHovered": "#f5f5f5",
842
+ "menuItemBackgroundPressed": "#ebebeb",
843
+ "menuItemText": "#242424",
844
+ "menuItemTextHovered": "#242424",
845
+ "neutralBackground1": "#ffffff",
846
+ "neutralBackground1Hover": "#f5f5f5",
847
+ "neutralBackground1Pressed": "#ebebeb",
848
+ "neutralBackground1Selected": "#ebebeb",
849
+ "neutralBackground2": "#ffffff",
850
+ "neutralBackground2Hover": "#f0f0f0",
851
+ "neutralBackground2Pressed": "#ebebeb",
852
+ "neutralBackground2Selected": "#e6e6e6",
853
+ "neutralBackground3": "#f5f5f5",
854
+ "neutralBackground3Hover": "#ebebeb",
855
+ "neutralBackground3Pressed": "#d6d6d6",
856
+ "neutralBackground3Selected": "#e0e0e0",
857
+ "neutralBackground4": "#f0f0f0",
858
+ "neutralBackground4Hover": "#fafafa",
859
+ "neutralBackground4Pressed": "#f5f5f5",
860
+ "neutralBackground4Selected": "#ffffff",
861
+ "neutralBackground5": "#ebebeb",
862
+ "neutralBackground5Hover": "#f5f5f5",
863
+ "neutralBackground5Pressed": "#f0f0f0",
864
+ "neutralBackground5Selected": "#fafafa",
865
+ "neutralBackground6": "#e6e6e6",
866
+ "neutralBackgroundCanvas": "#ffffff",
867
+ "neutralBackgroundDarkStatic": "#242424",
868
+ "neutralBackgroundDisabled": "#f0f0f0",
869
+ "neutralBackgroundInverted": "#616161",
870
+ "neutralBackgroundLightStatic": "#ffffff",
871
+ "neutralBackgroundLightStaticDisabled": "#f0f0f0",
872
+ "neutralForeground1": "#242424",
873
+ "neutralForeground1Hover": "#242424",
874
+ "neutralForeground1Pressed": "#242424",
875
+ "neutralForeground1Selected": "#242424",
876
+ "neutralForeground2": "#000000",
877
+ "neutralForeground2BrandHover": "#106ebe",
878
+ "neutralForeground2BrandPressed": "#004578",
879
+ "neutralForeground2BrandSelected": "#005a9e",
880
+ "neutralForeground2Hover": "#242424",
881
+ "neutralForeground2Pressed": "#242424",
882
+ "neutralForeground2Selected": "#242424",
883
+ "neutralForeground3": "#616161",
884
+ "neutralForeground3BrandHover": "#106ebe",
885
+ "neutralForeground3BrandPressed": "#004578",
886
+ "neutralForeground3BrandSelected": "#005a9e",
887
+ "neutralForeground3Hover": "#424242",
888
+ "neutralForeground3Pressed": "#424242",
889
+ "neutralForeground3Selected": "#424242",
890
+ "neutralForeground4": "#808080",
891
+ "neutralForegroundDarkStatic": "#000000",
892
+ "neutralForegroundDisabled": "#757575",
893
+ "neutralForegroundDisabled1": "#757575",
894
+ "neutralForegroundDisabled2": "#757575",
895
+ "neutralForegroundInverted": "#ffffff",
896
+ "neutralForegroundInvertedLink": "#ffffff",
897
+ "neutralForegroundInvertedLinkHover": "#ffffff",
898
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
899
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
900
+ "neutralForegroundLightStatic": "#ffffff",
901
+ "neutralForegroundOnBrand": "#ffffff",
902
+ "neutralForegroundOnBrandHover": "#ffffff",
903
+ "neutralForegroundOnBrandPressed": "#ffffff",
904
+ "neutralForegroundOnBrandSelected": "#ffffff",
905
+ "neutralForegroundOnColor": "#ffffff",
906
+ "neutralStencil1": "#e6e6e6",
907
+ "neutralStencil2": "#fafafa",
908
+ "neutralStroke1": "#f0f0f0",
909
+ "neutralStroke1Hover": "#c7c7c7",
910
+ "neutralStroke1Pressed": "#b3b3b3",
911
+ "neutralStroke1Selected": "#bdbdbd",
912
+ "neutralStroke2": "#d6d6d6",
913
+ "neutralStroke3": "#f0f0f0",
914
+ "neutralStrokeAccessible": "#616161",
915
+ "neutralStrokeAccessibleHover": "#575757",
916
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
917
+ "neutralStrokeAccessibleSelected": "#0078d4",
918
+ "neutralStrokeDisabled": "#e0e0e0",
919
+ "neutralStrokeFocus1": "#ffffff",
920
+ "neutralStrokeFocus2": "#000000",
921
+ "outofofficeBackground1": "#fdf5fc",
922
+ "outofofficeBackground2": "#edbbe7",
923
+ "outofofficeBackground3": "#c239b3",
924
+ "outofofficeBorder1": "#edbbe7",
925
+ "outofofficeBorder2": "#c239b3",
926
+ "outofofficeBorderActive": "#c239b3",
927
+ "outofofficeForeground1": "#af33a1",
928
+ "outofofficeForeground2": "#6d2064",
929
+ "outofofficeForeground3": "#c239b3",
930
+ "personaActivityGlow": "#0078d4",
931
+ "personaActivityRing": "#ffffff",
932
+ "presenceAvailable": "#0e700e",
933
+ "presenceAway": "#817400",
934
+ "presenceDnd": "#bc2f32",
935
+ "presenceOof": "#af33a1",
936
+ "primaryButtonBackground": "#0078d4",
937
+ "primaryButtonBackgroundDisabled": "#f0f0f0",
938
+ "primaryButtonBackgroundHovered": "#106ebe",
939
+ "primaryButtonBackgroundPressed": "#106ebe",
940
+ "primaryButtonBorder": "#00000000",
941
+ "primaryButtonBorderFocused": "#000000",
942
+ "primaryButtonText": "#ffffff",
943
+ "primaryButtonTextDisabled": "#757575",
944
+ "primaryButtonTextHovered": "#ffffff",
945
+ "primaryButtonTextPressed": "#ffffff",
946
+ "redBackground1": "#fdf6f6",
947
+ "redBackground2": "#f1bbbc",
948
+ "redBackground3": "#d13438",
949
+ "redBorder1": "#f1bbbc",
950
+ "redBorder2": "#d13438",
951
+ "redBorderActive": "#d13438",
952
+ "redForeground1": "#bc2f32",
953
+ "redForeground2": "#751d1f",
954
+ "redForeground3": "#d13438",
955
+ "severeBackground1": "#fdf6f3",
956
+ "severeBackground2": "#f4bfab",
957
+ "severeBackground3": "#da3b01",
958
+ "severeBorder1": "#f4bfab",
959
+ "severeBorder2": "#da3b01",
960
+ "severeBorderActive": "#da3b01",
961
+ "severeForeground1": "#c43501",
962
+ "severeForeground2": "#7a2101",
963
+ "severeForeground3": "#da3b01",
964
+ "severeStroke1": "#f4bfab",
965
+ "strokeFocus1": "#ffffff",
966
+ "strokeFocus2": "#000000",
967
+ "subText": "#000000",
249
968
  "subtleBackground": "#00000000",
250
- "subtleBackgroundHover": "#383838",
251
- "subtleBackgroundPressed": "#2e2e2e",
252
- "subtleBackgroundSelected": "#333333",
253
- "successBackground1": "#052505",
254
- "successBackground2": "#094509",
969
+ "subtleBackgroundHover": "#f5f5f5",
970
+ "subtleBackgroundPressed": "#e0e0e0",
971
+ "subtleBackgroundSelected": "#ebebeb",
972
+ "successBackground1": "#f1faf1",
973
+ "successBackground2": "#9fd89f",
255
974
  "successBackground3": "#107c10",
256
- "successBorder1": "#107c10",
257
- "successBorder2": "#9fd89f",
258
- "successBorderActive": "#54b054",
259
- "successForeground1": "#54b054",
260
- "successForeground2": "#9fd89f",
261
- "successForeground3": "#9fd89f",
262
- "successForegroundInverted": "#107c10",
975
+ "successBorder1": "#9fd89f",
976
+ "successBorder2": "#107c10",
977
+ "successBorderActive": "#107c10",
978
+ "successForeground1": "#0e700e",
979
+ "successForeground2": "#094509",
980
+ "successForeground3": "#107c10",
981
+ "successForegroundInverted": "#359b35",
982
+ "successStroke1": "#9fd89f",
263
983
  "transparentBackground": "#00000000",
264
984
  "transparentBackgroundHover": "#00000000",
265
985
  "transparentBackgroundPressed": "#00000000",
@@ -267,33 +987,34 @@ exports[`defaultFluentDarkTheme 1`] = `
267
987
  "transparentStroke": "#00000000",
268
988
  "transparentStrokeDisabled": "#00000000",
269
989
  "transparentStrokeInteractive": "#00000000",
270
- "variantBorder": "#292827",
271
- "warningBackground1": "#4c4400",
272
- "warningBackground2": "#817400",
990
+ "variantBorder": "#d6d6d6",
991
+ "warningBackground1": "#fffef5",
992
+ "warningBackground2": "#fef7b2",
273
993
  "warningBackground3": "#fde300",
274
- "warningBorder1": "#fde300",
275
- "warningBorder2": "#fdea3d",
276
- "warningBorderActive": "#feee66",
277
- "warningForeground1": "#feee66",
278
- "warningForeground2": "#fef7b2",
279
- "warningForeground3": "#fdea3d",
280
- "warningForegroundInverted": "#817400",
994
+ "warningBorder1": "#fef7b2",
995
+ "warningBorder2": "#fde300",
996
+ "warningBorderActive": "#fde300",
997
+ "warningForeground1": "#817400",
998
+ "warningForeground2": "#817400",
999
+ "warningForeground3": "#fde300",
1000
+ "warningForegroundInverted": "#fef7b2",
1001
+ "warningStroke1": "#fef7b2",
281
1002
  },
282
1003
  "components": {},
283
1004
  "host": {
284
- "appearance": "dark",
1005
+ "appearance": "light",
285
1006
  },
286
1007
  "shadows": {
287
1008
  "shadow16": {
288
1009
  "ambient": {
289
1010
  "blur": 2,
290
- "color": "#0000003d",
1011
+ "color": "#0000001f",
291
1012
  "x": 0,
292
1013
  "y": 0,
293
1014
  },
294
1015
  "key": {
295
1016
  "blur": 16,
296
- "color": "#00000047",
1017
+ "color": "#00000024",
297
1018
  "x": 0,
298
1019
  "y": 8,
299
1020
  },
@@ -315,13 +1036,13 @@ exports[`defaultFluentDarkTheme 1`] = `
315
1036
  "shadow2": {
316
1037
  "ambient": {
317
1038
  "blur": 2,
318
- "color": "#0000003d",
1039
+ "color": "#0000001f",
319
1040
  "x": 0,
320
1041
  "y": 0,
321
1042
  },
322
1043
  "key": {
323
1044
  "blur": 2,
324
- "color": "#00000047",
1045
+ "color": "#00000024",
325
1046
  "x": 0,
326
1047
  "y": 1,
327
1048
  },
@@ -329,13 +1050,13 @@ exports[`defaultFluentDarkTheme 1`] = `
329
1050
  "shadow28": {
330
1051
  "ambient": {
331
1052
  "blur": 8,
332
- "color": "#00000066",
1053
+ "color": "#00000033",
333
1054
  "x": 0,
334
1055
  "y": 0,
335
1056
  },
336
1057
  "key": {
337
1058
  "blur": 28,
338
- "color": "#0000007a",
1059
+ "color": "#0000003d",
339
1060
  "x": 0,
340
1061
  "y": 14,
341
1062
  },
@@ -371,13 +1092,13 @@ exports[`defaultFluentDarkTheme 1`] = `
371
1092
  "shadow4": {
372
1093
  "ambient": {
373
1094
  "blur": 2,
374
- "color": "#0000003d",
1095
+ "color": "#0000001f",
375
1096
  "x": 0,
376
1097
  "y": 0,
377
1098
  },
378
1099
  "key": {
379
1100
  "blur": 4,
380
- "color": "#00000047",
1101
+ "color": "#00000024",
381
1102
  "x": 0,
382
1103
  "y": 2,
383
1104
  },
@@ -399,13 +1120,13 @@ exports[`defaultFluentDarkTheme 1`] = `
399
1120
  "shadow64": {
400
1121
  "ambient": {
401
1122
  "blur": 8,
402
- "color": "#00000066",
1123
+ "color": "#00000033",
403
1124
  "x": 0,
404
1125
  "y": 0,
405
1126
  },
406
1127
  "key": {
407
1128
  "blur": 64,
408
- "color": "#0000007a",
1129
+ "color": "#0000003d",
409
1130
  "x": 0,
410
1131
  "y": 32,
411
1132
  },
@@ -427,13 +1148,13 @@ exports[`defaultFluentDarkTheme 1`] = `
427
1148
  "shadow8": {
428
1149
  "ambient": {
429
1150
  "blur": 2,
430
- "color": "#0000003d",
1151
+ "color": "#0000001f",
431
1152
  "x": 0,
432
1153
  "y": 0,
433
1154
  },
434
1155
  "key": {
435
1156
  "blur": 8,
436
- "color": "#00000047",
1157
+ "color": "#00000024",
437
1158
  "x": 0,
438
1159
  "y": 4,
439
1160
  },
@@ -462,13 +1183,13 @@ exports[`defaultFluentDarkTheme 1`] = `
462
1183
  },
463
1184
  "typography": {
464
1185
  "families": {
465
- "cursive": "System",
466
- "monospace": "System",
467
- "numeric": "System",
468
- "primary": "System",
469
- "sansSerif": "System",
470
- "secondary": "System",
471
- "serif": "System",
1186
+ "cursive": "Helvetica Neue",
1187
+ "monospace": "Courier New",
1188
+ "numeric": "Helvetica Neue",
1189
+ "primary": "Helvetica Neue",
1190
+ "sansSerif": "Helvetica Neue",
1191
+ "secondary": "Helvetica Neue",
1192
+ "serif": "Helvetica Neue",
472
1193
  },
473
1194
  "sizes": {
474
1195
  "body": 14,
@@ -482,138 +1203,153 @@ exports[`defaultFluentDarkTheme 1`] = `
482
1203
  "variants": {
483
1204
  "body1": {
484
1205
  "face": "primary",
485
- "size": "secondary",
486
- "weight": "regular",
1206
+ "size": 12,
1207
+ "weight": "400",
487
1208
  },
488
1209
  "body1Strong": {
489
1210
  "face": "primary",
490
- "size": "secondary",
491
- "weight": "semiBold",
1211
+ "size": 12,
1212
+ "weight": "600",
492
1213
  },
493
1214
  "body2": {
494
1215
  "face": "primary",
495
- "size": "body",
496
- "weight": "regular",
1216
+ "size": 14,
1217
+ "weight": "400",
497
1218
  },
498
1219
  "body2Strong": {
499
1220
  "face": "primary",
500
- "size": "body",
501
- "weight": "semiBold",
1221
+ "size": 14,
1222
+ "weight": "600",
502
1223
  },
503
1224
  "bodySemibold": {
504
1225
  "face": "primary",
505
- "size": "body",
506
- "weight": "semiBold",
1226
+ "size": 14,
1227
+ "weight": "600",
507
1228
  },
508
1229
  "bodyStandard": {
509
1230
  "face": "primary",
510
- "size": "body",
511
- "weight": "regular",
1231
+ "size": 14,
1232
+ "weight": "400",
512
1233
  },
513
1234
  "caption1": {
514
1235
  "face": "primary",
515
- "size": "caption",
516
- "weight": "regular",
1236
+ "size": 10,
1237
+ "weight": "400",
517
1238
  },
518
1239
  "caption1Strong": {
519
1240
  "face": "primary",
520
- "size": "caption",
521
- "weight": "semiBold",
1241
+ "size": 10,
1242
+ "weight": "600",
1243
+ },
1244
+ "caption2": {
1245
+ "face": "primary",
1246
+ "size": 10,
1247
+ "weight": "400",
522
1248
  },
523
1249
  "captionStandard": {
524
1250
  "face": "primary",
525
- "size": "caption",
526
- "weight": "regular",
1251
+ "size": 10,
1252
+ "weight": "400",
527
1253
  },
528
1254
  "display": {
529
1255
  "face": "primary",
530
- "size": "heroLarge",
531
- "weight": "semiBold",
1256
+ "size": 40,
1257
+ "weight": "600",
532
1258
  },
533
1259
  "headerSemibold": {
534
1260
  "face": "primary",
535
- "size": "header",
536
- "weight": "semiBold",
1261
+ "size": 20,
1262
+ "weight": "600",
537
1263
  },
538
1264
  "headerStandard": {
539
1265
  "face": "primary",
540
- "size": "header",
541
- "weight": "regular",
1266
+ "size": 20,
1267
+ "weight": "400",
542
1268
  },
543
1269
  "heroLargeSemibold": {
544
1270
  "face": "primary",
545
- "size": "heroLarge",
546
- "weight": "semiBold",
1271
+ "size": 40,
1272
+ "weight": "600",
547
1273
  },
548
1274
  "heroLargeStandard": {
549
1275
  "face": "primary",
550
- "size": "heroLarge",
551
- "weight": "regular",
1276
+ "size": 40,
1277
+ "weight": "400",
552
1278
  },
553
1279
  "heroSemibold": {
554
1280
  "face": "primary",
555
- "size": "hero",
556
- "weight": "semiBold",
1281
+ "size": 28,
1282
+ "weight": "600",
557
1283
  },
558
1284
  "heroStandard": {
559
1285
  "face": "primary",
560
- "size": "hero",
561
- "weight": "regular",
1286
+ "size": 28,
1287
+ "weight": "400",
562
1288
  },
563
1289
  "largeTitle": {
564
1290
  "face": "primary",
565
- "size": "heroLarge",
566
- "weight": "regular",
1291
+ "size": 40,
1292
+ "weight": "400",
567
1293
  },
568
1294
  "secondarySemibold": {
569
1295
  "face": "primary",
570
- "size": "secondary",
571
- "weight": "semiBold",
1296
+ "size": 12,
1297
+ "weight": "600",
572
1298
  },
573
1299
  "secondaryStandard": {
574
1300
  "face": "primary",
575
- "size": "secondary",
576
- "weight": "regular",
1301
+ "size": 12,
1302
+ "weight": "400",
577
1303
  },
578
1304
  "subheaderSemibold": {
579
1305
  "face": "primary",
580
- "size": "subheader",
581
- "weight": "semiBold",
1306
+ "size": 16,
1307
+ "weight": "600",
582
1308
  },
583
1309
  "subheaderStandard": {
584
1310
  "face": "primary",
585
- "size": "subheader",
586
- "weight": "regular",
1311
+ "size": 16,
1312
+ "weight": "400",
587
1313
  },
588
1314
  "subtitle1": {
589
1315
  "face": "primary",
590
- "size": "header",
591
- "weight": "regular",
1316
+ "size": 20,
1317
+ "weight": "400",
592
1318
  },
593
1319
  "subtitle1Strong": {
594
1320
  "face": "primary",
595
- "size": "header",
596
- "weight": "semiBold",
1321
+ "size": 20,
1322
+ "weight": "600",
597
1323
  },
598
1324
  "subtitle2": {
599
1325
  "face": "primary",
600
- "size": "subheader",
601
- "weight": "regular",
1326
+ "size": 16,
1327
+ "weight": "400",
602
1328
  },
603
1329
  "subtitle2Strong": {
604
1330
  "face": "primary",
605
- "size": "subheader",
606
- "weight": "semiBold",
1331
+ "size": 16,
1332
+ "weight": "600",
607
1333
  },
608
1334
  "title1": {
609
1335
  "face": "primary",
610
- "size": "hero",
611
- "weight": "regular",
1336
+ "size": 28,
1337
+ "weight": "400",
612
1338
  },
613
1339
  "title1Strong": {
614
1340
  "face": "primary",
615
- "size": "hero",
616
- "weight": "semiBold",
1341
+ "size": 28,
1342
+ "weight": "600",
1343
+ },
1344
+ "title2": {
1345
+ "face": "primary",
1346
+ "size": 20,
1347
+ "weight": "400",
1348
+ },
1349
+ "title3": {
1350
+ "face": "primary",
1351
+ "size": 16,
1352
+ "weight": "400",
617
1353
  },
618
1354
  },
619
1355
  "weights": {
@@ -624,852 +1360,325 @@ exports[`defaultFluentDarkTheme 1`] = `
624
1360
  }
625
1361
  `;
626
1362
 
627
- exports[`defaultFluentHighConstrastTheme 1`] = `
1363
+ exports[`high contrast dark theme 1`] = `
628
1364
  {
629
1365
  "colors": {
630
- "accentButtonBackground": "#000000",
631
- "actionLink": "#ffff00",
1366
+ "accentButtonBackground": "#0086f0",
1367
+ "actionLink": "#ffffff",
632
1368
  "background": "#000000",
633
- "bodyDivider": "#ffffff",
1369
+ "bodyDivider": "#a8a8a8",
634
1370
  "bodyFrameBackground": "#000000",
635
- "bodyFrameDivider": "#000000",
636
- "bodyStandoutBackground": "#000000",
1371
+ "bodyFrameDivider": "#a8a8a8",
1372
+ "bodyStandoutBackground": "#575757",
637
1373
  "bodyText": "#ffffff",
638
- "bodyTextChecked": "#000000",
639
- "brandBackground": {
640
- "semantic": [
641
- "SystemColorButtonFaceColor",
642
- ],
643
- },
644
- "brandBackground2": {
645
- "semantic": [
646
- "SystemColorButtonFaceColor",
647
- ],
648
- },
649
- "brandBackgroundDisabled": undefined,
650
- "brandBackgroundHover": {
651
- "semantic": [
652
- "SystemColorHighlightColor",
653
- ],
654
- },
655
- "brandBackgroundPressed": {
656
- "semantic": [
657
- "SystemColorHighlightColor",
658
- ],
659
- },
660
- "brandBackgroundSelected": {
661
- "semantic": [
662
- "SystemColorHighlightColor",
663
- ],
664
- },
665
- "brandBackgroundStatic": {
666
- "semantic": [
667
- "SystemColorWindowColor",
668
- ],
669
- },
670
- "brandForeground1": {
671
- "semantic": [
672
- "SystemColorWindowTextColor",
673
- ],
674
- },
675
- "brandForeground1Disabled": undefined,
676
- "brandForeground1Pressed": undefined,
677
- "brandForeground2": {
678
- "semantic": [
679
- "SystemColorButtonTextColor",
680
- ],
681
- },
682
- "brandForegroundLink": {
683
- "semantic": [
684
- "SystemColorHotlightColor",
685
- ],
686
- },
687
- "brandForegroundLinkHover": {
688
- "semantic": [
689
- "SystemColorHotlightColor",
690
- ],
691
- },
692
- "brandForegroundLinkPressed": {
693
- "semantic": [
694
- "SystemColorHotlightColor",
695
- ],
696
- },
697
- "brandForegroundLinkSelected": {
698
- "semantic": [
699
- "SystemColorHotlightColor",
700
- ],
701
- },
702
- "brandStroke1": {
703
- "semantic": [
704
- "SystemColorWindowTextColor",
705
- ],
706
- },
707
- "brandStroke2": {
708
- "semantic": [
709
- "SystemColorWindowColor",
710
- ],
711
- },
712
- "brandedBackground": "#000000",
713
- "brandedDisabledBorder": "#3ff23f",
1374
+ "bodyTextChecked": "#ffffff",
1375
+ "brandBackground": "#0086f0",
1376
+ "brandBackground2": "#092c47",
1377
+ "brandBackground2Pressed": "#1890f1",
1378
+ "brandBackground2Selected": "#3aa0f3",
1379
+ "brandBackground3": "#092c47",
1380
+ "brandBackgroundDisabled": "#575757",
1381
+ "brandBackgroundHover": "#1890f1",
1382
+ "brandBackgroundInverted": "#ffffff",
1383
+ "brandBackgroundInvertedDisabled": "#575757",
1384
+ "brandBackgroundPressed": "#1890f1",
1385
+ "brandBackgroundSelected": "#3aa0f3",
1386
+ "brandBackgroundStatic": "#0086f0",
1387
+ "brandBackgroundTint": "#092c47",
1388
+ "brandForeground1": "#0086f0",
1389
+ "brandForeground1Disabled": "#c2c2c2",
1390
+ "brandForeground1Pressed": "#6cb8f6",
1391
+ "brandForeground1Selected": "#3aa0f3",
1392
+ "brandForeground2": "#092c47",
1393
+ "brandForegroundDisabled1": "#c2c2c2",
1394
+ "brandForegroundDisabled2": "#c2c2c2",
1395
+ "brandForegroundLink": "#043862",
1396
+ "brandForegroundLinkHover": "#092c47",
1397
+ "brandForegroundLinkPressed": "#0078d4",
1398
+ "brandForegroundLinkSelected": "#092c47",
1399
+ "brandForegroundTint": "#092c47",
1400
+ "brandStroke1": "#0086f0",
1401
+ "brandStroke1Pressed": "#6cb8f6",
1402
+ "brandStroke1Selected": "#3aa0f3",
1403
+ "brandStroke2": "#004c87",
1404
+ "brandStrokeTint": "#004c87",
1405
+ "brandedBackground": "#0086f0",
1406
+ "brandedDisabledBorder": "#d6d6d6",
714
1407
  "brandedFocusedSecondaryContent": "#ffffff",
715
- "brandedHoveredSecondaryContent": "#000000",
716
- "brandedPressedSecondaryContent": "#000000",
1408
+ "brandedHoveredSecondaryContent": "#ffffff",
1409
+ "brandedPressedSecondaryContent": "#ffffff",
717
1410
  "brandedSecondaryContent": "#ffffff",
718
1411
  "buttonBackground": "#000000",
719
- "buttonBackgroundChecked": "#1aebff",
720
- "buttonBackgroundDisabled": "#000000",
721
- "buttonBackgroundHovered": "#1aebff",
722
- "buttonBackgroundPressed": "#1aebff",
723
- "buttonBorder": "#ffffff",
724
- "buttonBorderDisabled": "#3ff23f",
1412
+ "buttonBackgroundChecked": "#383838",
1413
+ "buttonBackgroundDisabled": "#575757",
1414
+ "buttonBackgroundHovered": "#3d3d3d",
1415
+ "buttonBackgroundPressed": "#5c5c5c",
1416
+ "buttonBorder": "#adadad",
1417
+ "buttonBorderDisabled": "#525252",
725
1418
  "buttonBorderFocused": "#ffffff",
726
1419
  "buttonText": "#ffffff",
727
- "buttonTextChecked": "#000000",
728
- "buttonTextDisabled": "#3ff23f",
729
- "buttonTextHovered": "#000000",
730
- "buttonTextPressed": "#000000",
731
- "checkboxBackground": "#000000",
732
- "checkboxBackgroundDisabled": "#000000",
733
- "checkboxBorderColor": "#ffffff",
1420
+ "buttonTextChecked": "#ffffff",
1421
+ "buttonTextDisabled": "#b8b8b8",
1422
+ "buttonTextHovered": "#ffffff",
1423
+ "buttonTextPressed": "#ffffff",
1424
+ "checkboxBackground": "#0086f0",
1425
+ "checkboxBackgroundDisabled": "#575757",
1426
+ "checkboxBorderColor": "#d6d6d6",
734
1427
  "checkmarkColor": "#ffffff",
735
- "compoundBrandBackground1": {
736
- "semantic": [
737
- "SystemColorHighlightColor",
738
- ],
739
- },
740
- "compoundBrandBackground1Hover": {
741
- "semantic": [
742
- "SystemColorHighlightColor",
743
- ],
744
- },
745
- "compoundBrandBackground1Pressed": {
746
- "semantic": [
747
- "SystemColorHighlightColor",
748
- ],
749
- },
750
- "compoundBrandForeground1": {
751
- "semantic": [
752
- "SystemColorHighlightColor",
753
- ],
754
- },
755
- "compoundBrandForeground1Hover": {
756
- "semantic": [
757
- "SystemColorHighlightColor",
758
- ],
759
- },
760
- "compoundBrandForeground1Pressed": {
761
- "semantic": [
762
- "SystemColorHighlightColor",
763
- ],
764
- },
765
- "compoundBrandStroke1": {
766
- "semantic": [
767
- "SystemColorHighlightColor",
768
- ],
769
- },
770
- "compoundBrandStroke1Hover": {
771
- "semantic": [
772
- "SystemColorHighlightColor",
773
- ],
774
- },
775
- "compoundBrandStroke1Pressed": {
776
- "semantic": [
777
- "SystemColorHighlightColor",
778
- ],
779
- },
780
- "dangerBackground1": {
781
- "semantic": [
782
- "SystemColorWindowColor",
783
- ],
784
- },
785
- "dangerBackground2": {
786
- "semantic": [
787
- "SystemColorWindowColor",
788
- ],
789
- },
790
- "dangerBackground3": {
791
- "semantic": [
792
- "SystemColorWindowTextColor",
793
- ],
794
- },
795
- "dangerBorder1": {
796
- "semantic": [
797
- "SystemColorWindowTextColor",
798
- ],
799
- },
800
- "dangerBorder2": {
801
- "semantic": [
802
- "SystemColorWindowTextColor",
803
- ],
804
- },
805
- "dangerBorderActive": {
806
- "semantic": [
807
- "SystemColorHighlightColor",
808
- ],
809
- },
810
- "dangerForeground1": {
811
- "semantic": [
812
- "SystemColorWindowTextColor",
813
- ],
814
- },
815
- "dangerForeground2": {
816
- "semantic": [
817
- "SystemColorWindowTextColor",
818
- ],
819
- },
820
- "dangerForeground3": {
821
- "semantic": [
822
- "SystemColorWindowTextColor",
823
- ],
824
- },
825
- "dangerForegroundInverted": {
826
- "semantic": [
827
- "SystemColorWindowTextColor",
828
- ],
829
- },
1428
+ "compoundBrandBackground1": "#0086f0",
1429
+ "compoundBrandBackground1Hover": "#1890f1",
1430
+ "compoundBrandBackground1Pressed": "#6cb8f6",
1431
+ "compoundBrandForeground1": "#043862",
1432
+ "compoundBrandForeground1Hover": "#092c47",
1433
+ "compoundBrandForeground1Pressed": "#0078d4",
1434
+ "compoundBrandStroke1": "#0086f0",
1435
+ "compoundBrandStroke1Hover": "#1890f1",
1436
+ "compoundBrandStroke1Pressed": "#6cb8f6",
1437
+ "dangerBackground1": "#3f1011",
1438
+ "dangerBackground2": "#751d1f",
1439
+ "dangerBackground3": "#d13438",
1440
+ "dangerBorder1": "#d13438",
1441
+ "dangerBorder2": "#dc5e62",
1442
+ "dangerBorderActive": "#e37d80",
1443
+ "dangerForeground1": "#e37d80",
1444
+ "dangerForeground2": "#f1bbbc",
1445
+ "dangerForeground3": "#e37d80",
1446
+ "dangerForegroundInverted": "#d13438",
1447
+ "dangerStroke1": "#d13438",
830
1448
  "defaultBackground": "#000000",
831
- "defaultBorder": "#ffffff",
832
- "defaultCheckedBackground": "#1aebff",
833
- "defaultCheckedContent": "#000000",
834
- "defaultCheckedHoveredBackground": "#1aebff",
835
- "defaultCheckedHoveredContent": "#000000",
1449
+ "defaultBorder": "#adadad",
1450
+ "defaultCheckedBackground": "#383838",
1451
+ "defaultCheckedContent": "#ffffff",
1452
+ "defaultCheckedHoveredBackground": "#3d3d3d",
1453
+ "defaultCheckedHoveredContent": "#ffffff",
836
1454
  "defaultContent": "#ffffff",
837
- "defaultDisabledBackground": "#000000",
838
- "defaultDisabledBorder": "#3ff23f",
839
- "defaultDisabledContent": "#3ff23f",
840
- "defaultDisabledIcon": "#3ff23f",
841
- "defaultFocusedBackground": "#000000",
1455
+ "defaultDisabledBackground": "#575757",
1456
+ "defaultDisabledBorder": "#525252",
1457
+ "defaultDisabledContent": "#b8b8b8",
1458
+ "defaultDisabledIcon": "#b8b8b8",
1459
+ "defaultFocusedBackground": "#3d3d3d",
842
1460
  "defaultFocusedBorder": "#ffffff",
843
1461
  "defaultFocusedContent": "#ffffff",
844
1462
  "defaultFocusedIcon": "#ffffff",
845
- "defaultHoveredBackground": "#1aebff",
846
- "defaultHoveredBorder": "#1aebff",
847
- "defaultHoveredContent": "#000000",
848
- "defaultHoveredIcon": "#000000",
849
- "defaultHoveredSecondaryContent": "#000000",
1463
+ "defaultHoveredBackground": "#3d3d3d",
1464
+ "defaultHoveredBorder": "#757575",
1465
+ "defaultHoveredContent": "#ffffff",
1466
+ "defaultHoveredIcon": "#ffffff",
1467
+ "defaultHoveredSecondaryContent": "#d6d6d6",
850
1468
  "defaultIcon": "#ffffff",
851
- "defaultPressedBackground": "#1aebff",
852
- "defaultPressedBorder": "#1aebff",
853
- "defaultPressedContent": "#000000",
854
- "defaultPressedIcon": "#000000",
855
- "defaultPressedSecondaryContent": "#000000",
856
- "disabledBackground": "#000000",
857
- "disabledBodyText": "#3ff23f",
858
- "disabledText": "#3ff23f",
859
- "errorText": "#ffffff",
1469
+ "defaultPressedBackground": "#5c5c5c",
1470
+ "defaultPressedBorder": "#6b6b6b",
1471
+ "defaultPressedContent": "#ffffff",
1472
+ "defaultPressedIcon": "#ffffff",
1473
+ "defaultPressedSecondaryContent": "#d6d6d6",
1474
+ "disabledBackground": "#575757",
1475
+ "disabledBodyText": "#b8b8b8",
1476
+ "disabledText": "#b8b8b8",
1477
+ "errorText": "#e37d80",
860
1478
  "focusBorder": "#ffffff",
861
- "ghostBackground": "#000000",
862
- "ghostBorder": "#000000",
863
- "ghostCheckedBackground": "#1aebff",
864
- "ghostCheckedContent": "#000000",
865
- "ghostCheckedHoveredBackground": "#1aebff",
866
- "ghostCheckedHoveredBorder": "#000000",
867
- "ghostCheckedHoveredContent": "#000000",
1479
+ "ghostBackground": "#00000000",
1480
+ "ghostBorder": "#3aa0f3",
1481
+ "ghostCheckedBackground": "#383838",
1482
+ "ghostCheckedContent": "#ffffff",
1483
+ "ghostCheckedHoveredBackground": "#3d3d3d",
1484
+ "ghostCheckedHoveredBorder": "#3aa0f3",
1485
+ "ghostCheckedHoveredContent": "#ffffff",
868
1486
  "ghostContent": "#ffffff",
869
- "ghostDisabledBackground": "#000000",
870
- "ghostDisabledBorder": "#000000",
871
- "ghostDisabledContent": "#3ff23f",
872
- "ghostDisabledIcon": "#3ff23f",
873
- "ghostFocusedBackground": "#000000",
1487
+ "ghostDisabledBackground": "#00000000",
1488
+ "ghostDisabledBorder": "#d6d6d6",
1489
+ "ghostDisabledContent": "#b8b8b8",
1490
+ "ghostDisabledIcon": "#b8b8b8",
1491
+ "ghostFocusedBackground": "#3d3d3d",
874
1492
  "ghostFocusedBorder": "#ffffff",
875
1493
  "ghostFocusedContent": "#ffffff",
876
1494
  "ghostFocusedIcon": "#ffffff",
877
- "ghostFocusedSecondaryContent": "#ffffff",
878
- "ghostHoveredBackground": "#1aebff",
879
- "ghostHoveredBorder": "#1aebff",
880
- "ghostHoveredContent": "#000000",
881
- "ghostHoveredIcon": "#000000",
882
- "ghostHoveredSecondaryContent": "#000000",
1495
+ "ghostFocusedSecondaryContent": "#d6d6d6",
1496
+ "ghostHoveredBackground": "#3d3d3d",
1497
+ "ghostHoveredBorder": "#3aa0f3",
1498
+ "ghostHoveredContent": "#ffffff",
1499
+ "ghostHoveredIcon": "#ffffff",
1500
+ "ghostHoveredSecondaryContent": "#d6d6d6",
883
1501
  "ghostIcon": "#ffffff",
884
- "ghostPressedBackground": "#1aebff",
885
- "ghostPressedBorder": "#1aebff",
886
- "ghostPressedContent": "#000000",
887
- "ghostPressedIcon": "#000000",
888
- "ghostPressedSecondaryContent": "#000000",
889
- "ghostSecondaryContent": "#ffffff",
1502
+ "ghostPressedBackground": "#1f1f1f",
1503
+ "ghostPressedBorder": "#3aa0f3",
1504
+ "ghostPressedContent": "#ffffff",
1505
+ "ghostPressedIcon": "#ffffff",
1506
+ "ghostPressedSecondaryContent": "#d6d6d6",
1507
+ "ghostSecondaryContent": "#d6d6d6",
890
1508
  "inputBackground": "#000000",
891
- "inputBorder": "#ffffff",
892
- "inputFocusBorderAlt": "#ffffff",
893
- "inputPlaceholderText": "#ffffff",
1509
+ "inputBorder": "#adadad",
1510
+ "inputFocusBorderAlt": "#0086f0",
1511
+ "inputPlaceholderText": "#d6d6d6",
894
1512
  "inputText": "#ffffff",
895
- "link": "#ffff00",
896
- "linkHovered": "#ffffff",
897
- "linkPressed": "#ffffff",
898
- "listHeaderBackgroundHovered": "#1aebff",
899
- "listHeaderBackgroundPressed": "#1aebff",
1513
+ "link": "#043862",
1514
+ "linkHovered": "#092c47",
1515
+ "linkPressed": "#0078d4",
1516
+ "listHeaderBackgroundHovered": "#3d3d3d",
1517
+ "listHeaderBackgroundPressed": "#5c5c5c",
900
1518
  "menuBackground": "#000000",
901
- "menuDivider": "#ffffff",
1519
+ "menuDivider": "#a8a8a8",
902
1520
  "menuIcon": "#ffffff",
903
- "menuItemBackgroundHovered": "#1aebff",
904
- "menuItemBackgroundPressed": "#1aebff",
1521
+ "menuItemBackgroundHovered": "#3d3d3d",
1522
+ "menuItemBackgroundPressed": "#5c5c5c",
905
1523
  "menuItemText": "#ffffff",
906
- "menuItemTextHovered": "#000000",
907
- "neutralBackground1": {
908
- "semantic": [
909
- "SystemColorWindowColor",
910
- ],
911
- },
912
- "neutralBackground1Hover": {
913
- "semantic": [
914
- "SystemColorHighlightColor",
915
- ],
916
- },
917
- "neutralBackground1Pressed": {
918
- "semantic": [
919
- "SystemColorHighlightColor",
920
- ],
921
- },
922
- "neutralBackground1Selected": {
923
- "semantic": [
924
- "SystemColorHighlightColor",
925
- ],
926
- },
927
- "neutralBackground2": {
928
- "semantic": [
929
- "SystemColorWindowColor",
930
- ],
931
- },
932
- "neutralBackground2Hover": {
933
- "semantic": [
934
- "SystemColorHighlightColor",
935
- ],
936
- },
937
- "neutralBackground2Pressed": {
938
- "semantic": [
939
- "SystemColorHighlightColor",
940
- ],
941
- },
942
- "neutralBackground2Selected": {
943
- "semantic": [
944
- "SystemColorHighlightColor",
945
- ],
946
- },
947
- "neutralBackground3": {
948
- "semantic": [
949
- "SystemColorWindowColor",
950
- ],
951
- },
952
- "neutralBackground3Hover": {
953
- "semantic": [
954
- "SystemColorHighlightColor",
955
- ],
956
- },
957
- "neutralBackground3Pressed": {
958
- "semantic": [
959
- "SystemColorHighlightColor",
960
- ],
961
- },
962
- "neutralBackground3Selected": {
963
- "semantic": [
964
- "SystemColorHighlightColor",
965
- ],
966
- },
967
- "neutralBackground4": {
968
- "semantic": [
969
- "SystemColorWindowColor",
970
- ],
971
- },
972
- "neutralBackground4Hover": {
973
- "semantic": [
974
- "SystemColorHighlightColor",
975
- ],
976
- },
977
- "neutralBackground4Pressed": {
978
- "semantic": [
979
- "SystemColorHighlightColor",
980
- ],
981
- },
982
- "neutralBackground4Selected": {
983
- "semantic": [
984
- "SystemColorHighlightColor",
985
- ],
986
- },
987
- "neutralBackground5": {
988
- "semantic": [
989
- "SystemColorWindowColor",
990
- ],
991
- },
992
- "neutralBackground5Hover": {
993
- "semantic": [
994
- "SystemColorHighlightColor",
995
- ],
996
- },
997
- "neutralBackground5Pressed": {
998
- "semantic": [
999
- "SystemColorHighlightColor",
1000
- ],
1001
- },
1002
- "neutralBackground5Selected": {
1003
- "semantic": [
1004
- "SystemColorHighlightColor",
1005
- ],
1006
- },
1007
- "neutralBackground6": {
1008
- "semantic": [
1009
- "SystemColorWindowColor",
1010
- ],
1011
- },
1012
- "neutralBackgroundDisabled": {
1013
- "semantic": [
1014
- "SystemColorWindowColor",
1015
- ],
1016
- },
1017
- "neutralBackgroundInverted": {
1018
- "semantic": [
1019
- "SystemColorWindowTextColor",
1020
- ],
1021
- },
1022
- "neutralForeground1": {
1023
- "semantic": [
1024
- "SystemColorWindowTextColor",
1025
- ],
1026
- },
1027
- "neutralForeground1Hover": {
1028
- "semantic": [
1029
- "SystemColorHighlightTextColor",
1030
- ],
1031
- },
1032
- "neutralForeground1Pressed": {
1033
- "semantic": [
1034
- "SystemColorHighlightTextColor",
1035
- ],
1036
- },
1037
- "neutralForeground1Selected": {
1038
- "semantic": [
1039
- "SystemColorHighlightTextColor",
1040
- ],
1041
- },
1042
- "neutralForeground2": {
1043
- "semantic": [
1044
- "SystemColorWindowTextColor",
1045
- ],
1046
- },
1047
- "neutralForeground2BrandHover": {
1048
- "semantic": [
1049
- "SystemColorHighlightTextColor",
1050
- ],
1051
- },
1052
- "neutralForeground2BrandPressed": {
1053
- "semantic": [
1054
- "SystemColorHighlightTextColor",
1055
- ],
1056
- },
1057
- "neutralForeground2BrandSelected": {
1058
- "semantic": [
1059
- "SystemColorHighlightTextColor",
1060
- ],
1061
- },
1062
- "neutralForeground2Hover": {
1063
- "semantic": [
1064
- "SystemColorHighlightTextColor",
1065
- ],
1066
- },
1067
- "neutralForeground2Pressed": {
1068
- "semantic": [
1069
- "SystemColorHighlightTextColor",
1070
- ],
1071
- },
1072
- "neutralForeground2Selected": {
1073
- "semantic": [
1074
- "SystemColorHighlightTextColor",
1075
- ],
1076
- },
1077
- "neutralForeground3": {
1078
- "semantic": [
1079
- "SystemColorWindowTextColor",
1080
- ],
1081
- },
1082
- "neutralForeground3BrandHover": {
1083
- "semantic": [
1084
- "SystemColorHighlightTextColor",
1085
- ],
1086
- },
1087
- "neutralForeground3BrandPressed": {
1088
- "semantic": [
1089
- "SystemColorHighlightTextColor",
1090
- ],
1091
- },
1092
- "neutralForeground3BrandSelected": {
1093
- "semantic": [
1094
- "SystemColorHighlightTextColor",
1095
- ],
1096
- },
1097
- "neutralForeground3Hover": {
1098
- "semantic": [
1099
- "SystemColorHighlightTextColor",
1100
- ],
1101
- },
1102
- "neutralForeground3Pressed": {
1103
- "semantic": [
1104
- "SystemColorHighlightTextColor",
1105
- ],
1106
- },
1107
- "neutralForeground3Selected": {
1108
- "semantic": [
1109
- "SystemColorHighlightTextColor",
1110
- ],
1111
- },
1112
- "neutralForeground4": {
1113
- "semantic": [
1114
- "SystemColorWindowTextColor",
1115
- ],
1116
- },
1117
- "neutralForegroundDisabled": {
1118
- "semantic": [
1119
- "SystemColorGrayTextColor",
1120
- ],
1121
- },
1122
- "neutralForegroundInverted": {
1123
- "semantic": [
1124
- "SystemColorWindowColor",
1125
- ],
1126
- },
1127
- "neutralForegroundInvertedLink": {
1128
- "semantic": [
1129
- "SystemColorHotlightColor",
1130
- ],
1131
- },
1132
- "neutralForegroundInvertedLinkHover": {
1133
- "semantic": [
1134
- "SystemColorHotlightColor",
1135
- ],
1136
- },
1137
- "neutralForegroundInvertedLinkPressed": {
1138
- "semantic": [
1139
- "SystemColorHotlightColor",
1140
- ],
1141
- },
1142
- "neutralForegroundInvertedLinkSelected": {
1143
- "semantic": [
1144
- "SystemColorHotlightColor",
1145
- ],
1146
- },
1147
- "neutralForegroundOnBrand": {
1148
- "semantic": [
1149
- "SystemColorButtonTextColor",
1150
- ],
1151
- },
1152
- "neutralForegroundOnBrandHover": {
1153
- "semantic": [
1154
- "SystemColorHighlightTextColor",
1155
- ],
1156
- },
1157
- "neutralForegroundOnBrandPressed": {
1158
- "semantic": [
1159
- "SystemColorHighlightTextColor",
1160
- ],
1161
- },
1162
- "neutralForegroundOnBrandSelected": {
1163
- "semantic": [
1164
- "SystemColorHighlightTextColor",
1165
- ],
1166
- },
1167
- "neutralStencil1": "#141414",
1168
- "neutralStencil2": "#858585",
1169
- "neutralStroke1": {
1170
- "semantic": [
1171
- "SystemColorWindowTextColor",
1172
- ],
1173
- },
1174
- "neutralStroke1Hover": {
1175
- "semantic": [
1176
- "SystemColorHighlightColor",
1177
- ],
1178
- },
1179
- "neutralStroke1Pressed": {
1180
- "semantic": [
1181
- "SystemColorHighlightColor",
1182
- ],
1183
- },
1184
- "neutralStroke1Selected": {
1185
- "semantic": [
1186
- "SystemColorHighlightColor",
1187
- ],
1188
- },
1189
- "neutralStroke2": {
1190
- "semantic": [
1191
- "SystemColorWindowTextColor",
1192
- ],
1193
- },
1194
- "neutralStroke3": {
1195
- "semantic": [
1196
- "SystemColorWindowTextColor",
1197
- ],
1198
- },
1199
- "neutralStrokeAccessible": {
1200
- "semantic": [
1201
- "SystemColorWindowTextColor",
1202
- ],
1203
- },
1204
- "neutralStrokeAccessibleHover": {
1205
- "semantic": [
1206
- "SystemColorHighlightColor",
1207
- ],
1208
- },
1209
- "neutralStrokeAccessiblePressed": {
1210
- "semantic": [
1211
- "SystemColorHighlightColor",
1212
- ],
1213
- },
1214
- "neutralStrokeAccessibleSelected": {
1215
- "semantic": [
1216
- "SystemColorHighlightColor",
1217
- ],
1218
- },
1219
- "neutralStrokeDisabled": {
1220
- "semantic": [
1221
- "SystemColorGrayTextColor",
1222
- ],
1223
- },
1224
- "outofofficeBackground1": {
1225
- "semantic": [
1226
- "SystemColorWindowColor",
1227
- ],
1228
- },
1229
- "outofofficeBackground2": {
1230
- "semantic": [
1231
- "SystemColorWindowColor",
1232
- ],
1233
- },
1234
- "outofofficeBackground3": {
1235
- "semantic": [
1236
- "SystemColorWindowTextColor",
1237
- ],
1238
- },
1239
- "outofofficeBorder1": {
1240
- "semantic": [
1241
- "SystemColorWindowTextColor",
1242
- ],
1243
- },
1244
- "outofofficeBorder2": {
1245
- "semantic": [
1246
- "SystemColorWindowTextColor",
1247
- ],
1248
- },
1249
- "outofofficeBorderActive": {
1250
- "semantic": [
1251
- "SystemColorHighlightColor",
1252
- ],
1253
- },
1254
- "outofofficeForeground1": {
1255
- "semantic": [
1256
- "SystemColorWindowTextColor",
1257
- ],
1258
- },
1259
- "outofofficeForeground2": {
1260
- "semantic": [
1261
- "SystemColorWindowTextColor",
1262
- ],
1263
- },
1264
- "outofofficeForeground3": {
1265
- "semantic": [
1266
- "SystemColorWindowTextColor",
1267
- ],
1268
- },
1269
- "personaActivityGlow": "transparent",
1270
- "personaActivityRing": "#ffffff",
1271
- "primaryButtonBackground": "#000000",
1272
- "primaryButtonBackgroundDisabled": "#000000",
1273
- "primaryButtonBackgroundHovered": "#1aebff",
1274
- "primaryButtonBackgroundPressed": "#1aebff",
1275
- "primaryButtonBorder": "#ffffff",
1524
+ "menuItemTextHovered": "#ffffff",
1525
+ "neutralBackground1": "#000000",
1526
+ "neutralBackground1Hover": "#3d3d3d",
1527
+ "neutralBackground1Pressed": "#5c5c5c",
1528
+ "neutralBackground1Selected": "#383838",
1529
+ "neutralBackground2": "#575757",
1530
+ "neutralBackground2Hover": "#333333",
1531
+ "neutralBackground2Pressed": "#707070",
1532
+ "neutralBackground2Selected": "#2e2e2e",
1533
+ "neutralBackground3": "#575757",
1534
+ "neutralBackground3Hover": "#292929",
1535
+ "neutralBackground3Pressed": "#0a0a0a",
1536
+ "neutralBackground3Selected": "#242424",
1537
+ "neutralBackground4": "#1f1f1f",
1538
+ "neutralBackground4Hover": "#1f1f1f",
1539
+ "neutralBackground4Pressed": "#000000",
1540
+ "neutralBackground4Selected": "#1a1a1a",
1541
+ "neutralBackground5": "#5c5c5c",
1542
+ "neutralBackground5Hover": "#141414",
1543
+ "neutralBackground5Pressed": "#050505",
1544
+ "neutralBackground5Selected": "#0f0f0f",
1545
+ "neutralBackground6": "#333333",
1546
+ "neutralBackgroundCanvas": "#000000",
1547
+ "neutralBackgroundDarkStatic": "#3d3d3d",
1548
+ "neutralBackgroundDisabled": "#575757",
1549
+ "neutralBackgroundInverted": "#ffffff",
1550
+ "neutralBackgroundLightStatic": "#ffffff",
1551
+ "neutralBackgroundLightStaticDisabled": "#575757",
1552
+ "neutralForeground1": "#ffffff",
1553
+ "neutralForeground1Hover": "#ffffff",
1554
+ "neutralForeground1Pressed": "#ffffff",
1555
+ "neutralForeground1Selected": "#ffffff",
1556
+ "neutralForeground2": "#ffffff",
1557
+ "neutralForeground2BrandHover": "#092c47",
1558
+ "neutralForeground2BrandPressed": "#0078d4",
1559
+ "neutralForeground2BrandSelected": "#092c47",
1560
+ "neutralForeground2Hover": "#ffffff",
1561
+ "neutralForeground2Pressed": "#ffffff",
1562
+ "neutralForeground2Selected": "#ffffff",
1563
+ "neutralForeground3": "#d6d6d6",
1564
+ "neutralForeground3BrandHover": "#092c47",
1565
+ "neutralForeground3BrandPressed": "#0078d4",
1566
+ "neutralForeground3BrandSelected": "#092c47",
1567
+ "neutralForeground3Hover": "#d6d6d6",
1568
+ "neutralForeground3Pressed": "#d6d6d6",
1569
+ "neutralForeground3Selected": "#d6d6d6",
1570
+ "neutralForeground4": "#d6d6d6",
1571
+ "neutralForegroundDarkStatic": "#000000",
1572
+ "neutralForegroundDisabled": "#b8b8b8",
1573
+ "neutralForegroundDisabled1": "#b8b8b8",
1574
+ "neutralForegroundDisabled2": "#b8b8b8",
1575
+ "neutralForegroundInverted": "#ffffff",
1576
+ "neutralForegroundInvertedLink": "#292929",
1577
+ "neutralForegroundInvertedLinkHover": "#292929",
1578
+ "neutralForegroundInvertedLinkPressed": "#292929",
1579
+ "neutralForegroundInvertedLinkSelected": "#292929",
1580
+ "neutralForegroundLightStatic": "#ffffff",
1581
+ "neutralForegroundOnBrand": "#ffffff",
1582
+ "neutralForegroundOnBrandHover": "#ffffff",
1583
+ "neutralForegroundOnBrandPressed": "#ffffff",
1584
+ "neutralForegroundOnBrandSelected": "#ffffff",
1585
+ "neutralForegroundOnColor": "#ffffff",
1586
+ "neutralStencil1": "#333333",
1587
+ "neutralStencil2": "#575757",
1588
+ "neutralStroke1": "#adadad",
1589
+ "neutralStroke1Hover": "#757575",
1590
+ "neutralStroke1Pressed": "#6b6b6b",
1591
+ "neutralStroke1Selected": "#707070",
1592
+ "neutralStroke2": "#a8a8a8",
1593
+ "neutralStroke3": "#adadad",
1594
+ "neutralStrokeAccessible": "#d6d6d6",
1595
+ "neutralStrokeAccessibleHover": "#bdbdbd",
1596
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
1597
+ "neutralStrokeAccessibleSelected": "#0086f0",
1598
+ "neutralStrokeDisabled": "#525252",
1599
+ "neutralStrokeFocus1": "#000000",
1600
+ "neutralStrokeFocus2": "#ffffff",
1601
+ "outofofficeBackground1": "#3a1136",
1602
+ "outofofficeBackground2": "#6d2064",
1603
+ "outofofficeBackground3": "#c239b3",
1604
+ "outofofficeBorder1": "#c239b3",
1605
+ "outofofficeBorder2": "#d161c4",
1606
+ "outofofficeBorderActive": "#da7ed0",
1607
+ "outofofficeForeground1": "#da7ed0",
1608
+ "outofofficeForeground2": "#edbbe7",
1609
+ "outofofficeForeground3": "#d161c4",
1610
+ "personaActivityGlow": "#0086f0",
1611
+ "personaActivityRing": "#000000",
1612
+ "presenceAvailable": "#54b054",
1613
+ "presenceAway": "#feee66",
1614
+ "presenceDnd": "#e37d80",
1615
+ "presenceOof": "#da7ed0",
1616
+ "primaryButtonBackground": "#0086f0",
1617
+ "primaryButtonBackgroundDisabled": "#575757",
1618
+ "primaryButtonBackgroundHovered": "#1890f1",
1619
+ "primaryButtonBackgroundPressed": "#1890f1",
1620
+ "primaryButtonBorder": "#3aa0f3",
1276
1621
  "primaryButtonBorderFocused": "#ffffff",
1277
1622
  "primaryButtonText": "#ffffff",
1278
- "primaryButtonTextDisabled": "#3ff23f",
1279
- "primaryButtonTextHovered": "#000000",
1280
- "primaryButtonTextPressed": "#000000",
1281
- "severeBackground1": {
1282
- "semantic": [
1283
- "SystemColorWindowColor",
1284
- ],
1285
- },
1286
- "severeBackground2": {
1287
- "semantic": [
1288
- "SystemColorWindowColor",
1289
- ],
1290
- },
1291
- "severeBackground3": {
1292
- "semantic": [
1293
- "SystemColorWindowTextColor",
1294
- ],
1295
- },
1296
- "severeBorder1": {
1297
- "semantic": [
1298
- "SystemColorWindowTextColor",
1299
- ],
1300
- },
1301
- "severeBorder2": {
1302
- "semantic": [
1303
- "SystemColorWindowTextColor",
1304
- ],
1305
- },
1306
- "severeBorderActive": {
1307
- "semantic": [
1308
- "SystemColorHighlightColor",
1309
- ],
1310
- },
1311
- "severeForeground1": {
1312
- "semantic": [
1313
- "SystemColorWindowTextColor",
1314
- ],
1315
- },
1316
- "severeForeground2": {
1317
- "semantic": [
1318
- "SystemColorWindowTextColor",
1319
- ],
1320
- },
1321
- "severeForeground3": {
1322
- "semantic": [
1323
- "SystemColorWindowTextColor",
1324
- ],
1325
- },
1326
- "strokeFocus1": {
1327
- "semantic": [
1328
- "SystemColorWindowColor",
1329
- ],
1330
- },
1331
- "strokeFocus2": {
1332
- "semantic": [
1333
- "SystemColorHighlightColor",
1334
- ],
1335
- },
1623
+ "primaryButtonTextDisabled": "#b8b8b8",
1624
+ "primaryButtonTextHovered": "#ffffff",
1625
+ "primaryButtonTextPressed": "#ffffff",
1626
+ "redBackground1": "#3f1011",
1627
+ "redBackground2": "#751d1f",
1628
+ "redBackground3": "#d13438",
1629
+ "redBorder1": "#d13438",
1630
+ "redBorder2": "#dc5e62",
1631
+ "redBorderActive": "#e37d80",
1632
+ "redForeground1": "#e37d80",
1633
+ "redForeground2": "#f1bbbc",
1634
+ "redForeground3": "#e37d80",
1635
+ "severeBackground1": "#411200",
1636
+ "severeBackground2": "#7a2101",
1637
+ "severeBackground3": "#da3b01",
1638
+ "severeBorder1": "#da3b01",
1639
+ "severeBorder2": "#e9835e",
1640
+ "severeBorderActive": "#e9835e",
1641
+ "severeForeground1": "#e9835e",
1642
+ "severeForeground2": "#f4bfab",
1643
+ "severeForeground3": "#e9835e",
1644
+ "severeStroke1": "#da3b01",
1645
+ "strokeFocus1": "#000000",
1646
+ "strokeFocus2": "#ffffff",
1336
1647
  "subText": "#ffffff",
1337
1648
  "subtleBackground": "#00000000",
1338
- "subtleBackgroundHover": {
1339
- "semantic": [
1340
- "SystemColorHighlightColor",
1341
- ],
1342
- },
1343
- "subtleBackgroundPressed": {
1344
- "semantic": [
1345
- "SystemColorHighlightColor",
1346
- ],
1347
- },
1348
- "subtleBackgroundSelected": {
1349
- "semantic": [
1350
- "SystemColorHighlightColor",
1351
- ],
1352
- },
1353
- "successBackground1": {
1354
- "semantic": [
1355
- "SystemColorWindowColor",
1356
- ],
1357
- },
1358
- "successBackground2": {
1359
- "semantic": [
1360
- "SystemColorWindowColor",
1361
- ],
1362
- },
1363
- "successBackground3": {
1364
- "semantic": [
1365
- "SystemColorWindowTextColor",
1366
- ],
1367
- },
1368
- "successBorder1": {
1369
- "semantic": [
1370
- "SystemColorWindowTextColor",
1371
- ],
1372
- },
1373
- "successBorder2": {
1374
- "semantic": [
1375
- "SystemColorWindowTextColor",
1376
- ],
1377
- },
1378
- "successBorderActive": {
1379
- "semantic": [
1380
- "SystemColorHighlightColor",
1381
- ],
1382
- },
1383
- "successForeground1": {
1384
- "semantic": [
1385
- "SystemColorWindowTextColor",
1386
- ],
1387
- },
1388
- "successForeground2": {
1389
- "semantic": [
1390
- "SystemColorWindowTextColor",
1391
- ],
1392
- },
1393
- "successForeground3": {
1394
- "semantic": [
1395
- "SystemColorWindowTextColor",
1396
- ],
1397
- },
1398
- "successForegroundInverted": {
1399
- "semantic": [
1400
- "SystemColorWindowTextColor",
1401
- ],
1402
- },
1649
+ "subtleBackgroundHover": "#3d3d3d",
1650
+ "subtleBackgroundPressed": "#1f1f1f",
1651
+ "subtleBackgroundSelected": "#383838",
1652
+ "successBackground1": "#052505",
1653
+ "successBackground2": "#094509",
1654
+ "successBackground3": "#107c10",
1655
+ "successBorder1": "#107c10",
1656
+ "successBorder2": "#9fd89f",
1657
+ "successBorderActive": "#54b054",
1658
+ "successForeground1": "#54b054",
1659
+ "successForeground2": "#9fd89f",
1660
+ "successForeground3": "#9fd89f",
1661
+ "successForegroundInverted": "#107c10",
1662
+ "successStroke1": "#107c10",
1403
1663
  "transparentBackground": "#00000000",
1404
1664
  "transparentBackgroundHover": "#00000000",
1405
1665
  "transparentBackgroundPressed": "#00000000",
1406
1666
  "transparentBackgroundSelected": "#00000000",
1407
- "transparentStroke": {
1408
- "semantic": [
1409
- "SystemColorWindowTextColor",
1410
- ],
1411
- },
1412
- "transparentStrokeDisabled": {
1413
- "semantic": [
1414
- "SystemColorGrayTextColor",
1415
- ],
1416
- },
1417
- "transparentStrokeInteractive": {
1418
- "semantic": [
1419
- "SystemColorHighlightColor",
1420
- ],
1421
- },
1422
- "variantBorder": "#ffffff",
1423
- "warningBackground1": {
1424
- "semantic": [
1425
- "SystemColorWindowColor",
1426
- ],
1427
- },
1428
- "warningBackground2": {
1429
- "semantic": [
1430
- "SystemColorWindowColor",
1431
- ],
1432
- },
1433
- "warningBackground3": {
1434
- "semantic": [
1435
- "SystemColorWindowTextColor",
1436
- ],
1437
- },
1438
- "warningBorder1": {
1439
- "semantic": [
1440
- "SystemColorWindowTextColor",
1441
- ],
1442
- },
1443
- "warningBorder2": {
1444
- "semantic": [
1445
- "SystemColorWindowTextColor",
1446
- ],
1447
- },
1448
- "warningBorderActive": {
1449
- "semantic": [
1450
- "SystemColorHighlightColor",
1451
- ],
1452
- },
1453
- "warningForeground1": {
1454
- "semantic": [
1455
- "SystemColorWindowTextColor",
1456
- ],
1457
- },
1458
- "warningForeground2": {
1459
- "semantic": [
1460
- "SystemColorWindowTextColor",
1461
- ],
1462
- },
1463
- "warningForeground3": {
1464
- "semantic": [
1465
- "SystemColorWindowTextColor",
1466
- ],
1467
- },
1468
- "warningForegroundInverted": {
1469
- "semantic": [
1470
- "SystemColorWindowTextColor",
1471
- ],
1472
- },
1667
+ "transparentStroke": "#3aa0f3",
1668
+ "transparentStrokeDisabled": "#d6d6d6",
1669
+ "transparentStrokeInteractive": "#a8a8a8",
1670
+ "variantBorder": "#a8a8a8",
1671
+ "warningBackground1": "#4c4400",
1672
+ "warningBackground2": "#817400",
1673
+ "warningBackground3": "#fde300",
1674
+ "warningBorder1": "#fde300",
1675
+ "warningBorder2": "#fdea3d",
1676
+ "warningBorderActive": "#feee66",
1677
+ "warningForeground1": "#feee66",
1678
+ "warningForeground2": "#fef7b2",
1679
+ "warningForeground3": "#fdea3d",
1680
+ "warningForegroundInverted": "#817400",
1681
+ "warningStroke1": "#fde300",
1473
1682
  },
1474
1683
  "components": {},
1475
1684
  "host": {
@@ -1654,13 +1863,13 @@ exports[`defaultFluentHighConstrastTheme 1`] = `
1654
1863
  },
1655
1864
  "typography": {
1656
1865
  "families": {
1657
- "cursive": "System",
1658
- "monospace": "System",
1659
- "numeric": "System",
1660
- "primary": "System",
1661
- "sansSerif": "System",
1662
- "secondary": "System",
1663
- "serif": "System",
1866
+ "cursive": "Helvetica Neue",
1867
+ "monospace": "Courier New",
1868
+ "numeric": "Helvetica Neue",
1869
+ "primary": "Helvetica Neue",
1870
+ "sansSerif": "Helvetica Neue",
1871
+ "secondary": "Helvetica Neue",
1872
+ "serif": "Helvetica Neue",
1664
1873
  },
1665
1874
  "sizes": {
1666
1875
  "body": 14,
@@ -1674,138 +1883,153 @@ exports[`defaultFluentHighConstrastTheme 1`] = `
1674
1883
  "variants": {
1675
1884
  "body1": {
1676
1885
  "face": "primary",
1677
- "size": "secondary",
1678
- "weight": "regular",
1886
+ "size": 12,
1887
+ "weight": "400",
1679
1888
  },
1680
1889
  "body1Strong": {
1681
1890
  "face": "primary",
1682
- "size": "secondary",
1683
- "weight": "semiBold",
1891
+ "size": 12,
1892
+ "weight": "600",
1684
1893
  },
1685
1894
  "body2": {
1686
1895
  "face": "primary",
1687
- "size": "body",
1688
- "weight": "regular",
1896
+ "size": 14,
1897
+ "weight": "400",
1689
1898
  },
1690
1899
  "body2Strong": {
1691
1900
  "face": "primary",
1692
- "size": "body",
1693
- "weight": "semiBold",
1901
+ "size": 14,
1902
+ "weight": "600",
1694
1903
  },
1695
1904
  "bodySemibold": {
1696
1905
  "face": "primary",
1697
- "size": "body",
1698
- "weight": "semiBold",
1906
+ "size": 14,
1907
+ "weight": "600",
1699
1908
  },
1700
1909
  "bodyStandard": {
1701
1910
  "face": "primary",
1702
- "size": "body",
1703
- "weight": "regular",
1911
+ "size": 14,
1912
+ "weight": "400",
1704
1913
  },
1705
1914
  "caption1": {
1706
1915
  "face": "primary",
1707
- "size": "caption",
1708
- "weight": "regular",
1916
+ "size": 10,
1917
+ "weight": "400",
1709
1918
  },
1710
1919
  "caption1Strong": {
1711
1920
  "face": "primary",
1712
- "size": "caption",
1713
- "weight": "semiBold",
1921
+ "size": 10,
1922
+ "weight": "600",
1923
+ },
1924
+ "caption2": {
1925
+ "face": "primary",
1926
+ "size": 10,
1927
+ "weight": "400",
1714
1928
  },
1715
1929
  "captionStandard": {
1716
1930
  "face": "primary",
1717
- "size": "caption",
1718
- "weight": "regular",
1931
+ "size": 10,
1932
+ "weight": "400",
1719
1933
  },
1720
1934
  "display": {
1721
1935
  "face": "primary",
1722
- "size": "heroLarge",
1723
- "weight": "semiBold",
1936
+ "size": 40,
1937
+ "weight": "600",
1724
1938
  },
1725
1939
  "headerSemibold": {
1726
1940
  "face": "primary",
1727
- "size": "header",
1728
- "weight": "semiBold",
1941
+ "size": 20,
1942
+ "weight": "600",
1729
1943
  },
1730
1944
  "headerStandard": {
1731
1945
  "face": "primary",
1732
- "size": "header",
1733
- "weight": "regular",
1946
+ "size": 20,
1947
+ "weight": "400",
1734
1948
  },
1735
1949
  "heroLargeSemibold": {
1736
1950
  "face": "primary",
1737
- "size": "heroLarge",
1738
- "weight": "semiBold",
1951
+ "size": 40,
1952
+ "weight": "600",
1739
1953
  },
1740
1954
  "heroLargeStandard": {
1741
1955
  "face": "primary",
1742
- "size": "heroLarge",
1743
- "weight": "regular",
1956
+ "size": 40,
1957
+ "weight": "400",
1744
1958
  },
1745
1959
  "heroSemibold": {
1746
1960
  "face": "primary",
1747
- "size": "hero",
1748
- "weight": "semiBold",
1961
+ "size": 28,
1962
+ "weight": "600",
1749
1963
  },
1750
1964
  "heroStandard": {
1751
1965
  "face": "primary",
1752
- "size": "hero",
1753
- "weight": "regular",
1966
+ "size": 28,
1967
+ "weight": "400",
1754
1968
  },
1755
1969
  "largeTitle": {
1756
1970
  "face": "primary",
1757
- "size": "heroLarge",
1758
- "weight": "regular",
1971
+ "size": 40,
1972
+ "weight": "400",
1759
1973
  },
1760
1974
  "secondarySemibold": {
1761
1975
  "face": "primary",
1762
- "size": "secondary",
1763
- "weight": "semiBold",
1976
+ "size": 12,
1977
+ "weight": "600",
1764
1978
  },
1765
1979
  "secondaryStandard": {
1766
1980
  "face": "primary",
1767
- "size": "secondary",
1768
- "weight": "regular",
1981
+ "size": 12,
1982
+ "weight": "400",
1769
1983
  },
1770
1984
  "subheaderSemibold": {
1771
1985
  "face": "primary",
1772
- "size": "subheader",
1773
- "weight": "semiBold",
1986
+ "size": 16,
1987
+ "weight": "600",
1774
1988
  },
1775
1989
  "subheaderStandard": {
1776
1990
  "face": "primary",
1777
- "size": "subheader",
1778
- "weight": "regular",
1991
+ "size": 16,
1992
+ "weight": "400",
1779
1993
  },
1780
1994
  "subtitle1": {
1781
1995
  "face": "primary",
1782
- "size": "header",
1783
- "weight": "regular",
1996
+ "size": 20,
1997
+ "weight": "400",
1784
1998
  },
1785
1999
  "subtitle1Strong": {
1786
2000
  "face": "primary",
1787
- "size": "header",
1788
- "weight": "semiBold",
2001
+ "size": 20,
2002
+ "weight": "600",
1789
2003
  },
1790
2004
  "subtitle2": {
1791
2005
  "face": "primary",
1792
- "size": "subheader",
1793
- "weight": "regular",
2006
+ "size": 16,
2007
+ "weight": "400",
1794
2008
  },
1795
2009
  "subtitle2Strong": {
1796
2010
  "face": "primary",
1797
- "size": "subheader",
1798
- "weight": "semiBold",
2011
+ "size": 16,
2012
+ "weight": "600",
1799
2013
  },
1800
2014
  "title1": {
1801
2015
  "face": "primary",
1802
- "size": "hero",
1803
- "weight": "regular",
2016
+ "size": 28,
2017
+ "weight": "400",
1804
2018
  },
1805
2019
  "title1Strong": {
1806
2020
  "face": "primary",
1807
- "size": "hero",
1808
- "weight": "semiBold",
2021
+ "size": 28,
2022
+ "weight": "600",
2023
+ },
2024
+ "title2": {
2025
+ "face": "primary",
2026
+ "size": 20,
2027
+ "weight": "400",
2028
+ },
2029
+ "title3": {
2030
+ "face": "primary",
2031
+ "size": 16,
2032
+ "weight": "400",
1809
2033
  },
1810
2034
  },
1811
2035
  "weights": {
@@ -1816,67 +2040,80 @@ exports[`defaultFluentHighConstrastTheme 1`] = `
1816
2040
  }
1817
2041
  `;
1818
2042
 
1819
- exports[`defaultFluentTheme 1`] = `
2043
+ exports[`high contrast light theme 1`] = `
1820
2044
  {
1821
2045
  "colors": {
1822
- "accentButtonBackground": "#185abd",
1823
- "actionLink": "#323130",
2046
+ "accentButtonBackground": "#0078d4",
2047
+ "actionLink": "#000000",
1824
2048
  "background": "#ffffff",
1825
- "bodyDivider": "#edebe9",
2049
+ "bodyDivider": "#000000",
1826
2050
  "bodyFrameBackground": "#ffffff",
1827
- "bodyFrameDivider": "#edebe9",
1828
- "bodyStandoutBackground": "#faf9f8",
1829
- "bodyText": "#323130",
2051
+ "bodyFrameDivider": "#000000",
2052
+ "bodyStandoutBackground": "#ffffff",
2053
+ "bodyText": "#000000",
1830
2054
  "bodyTextChecked": "#000000",
1831
- "brandBackground": "#185abd",
2055
+ "brandBackground": "#0078d4",
1832
2056
  "brandBackground2": "#eff6fc",
1833
- "brandBackgroundDisabled": undefined,
1834
- "brandBackgroundHover": "#1651aa",
1835
- "brandBackgroundPressed": "#004578",
1836
- "brandBackgroundSelected": "#13458f",
1837
- "brandBackgroundStatic": "#185abd",
1838
- "brandForeground1": "#185abd",
1839
- "brandForeground1Disabled": undefined,
1840
- "brandForeground1Pressed": undefined,
1841
- "brandForeground2": "#1651aa",
1842
- "brandForegroundLink": "#1651aa",
1843
- "brandForegroundLinkHover": "#13458f",
2057
+ "brandBackground2Pressed": "#106ebe",
2058
+ "brandBackground2Selected": "#005a9e",
2059
+ "brandBackground3": "#eff6fc",
2060
+ "brandBackgroundDisabled": "#d1d1d1",
2061
+ "brandBackgroundHover": "#106ebe",
2062
+ "brandBackgroundInverted": "#616161",
2063
+ "brandBackgroundInvertedDisabled": "#f0f0f0",
2064
+ "brandBackgroundPressed": "#106ebe",
2065
+ "brandBackgroundSelected": "#005a9e",
2066
+ "brandBackgroundStatic": "#0078d4",
2067
+ "brandBackgroundTint": "#eff6fc",
2068
+ "brandForeground1": "#0078d4",
2069
+ "brandForeground1Disabled": "#757575",
2070
+ "brandForeground1Pressed": "#004578",
2071
+ "brandForeground1Selected": "#005a9e",
2072
+ "brandForeground2": "#106ebe",
2073
+ "brandForegroundDisabled1": "#757575",
2074
+ "brandForegroundDisabled2": "#757575",
2075
+ "brandForegroundLink": "#0078d4",
2076
+ "brandForegroundLinkHover": "#106ebe",
1844
2077
  "brandForegroundLinkPressed": "#004578",
1845
- "brandForegroundLinkSelected": "#1651aa",
1846
- "brandStroke1": "#185abd",
1847
- "brandStroke2": "#d2e0f4",
1848
- "brandedBackground": "#185abd",
1849
- "brandedDisabledBorder": "#f3f2f1",
1850
- "brandedFocusedSecondaryContent": "#faf9f8",
1851
- "brandedHoveredSecondaryContent": "#faf9f8",
1852
- "brandedPressedSecondaryContent": "#faf9f8",
1853
- "brandedSecondaryContent": "#faf9f8",
1854
- "buttonBackground": "#f3f2f1",
1855
- "buttonBackgroundChecked": "#c8c6c4",
1856
- "buttonBackgroundDisabled": "#f3f2f1",
1857
- "buttonBackgroundHovered": "#edebe9",
1858
- "buttonBackgroundPressed": "#edebe9",
1859
- "buttonBorder": "#8a8886",
1860
- "buttonBorderDisabled": "#f3f2f1",
1861
- "buttonBorderFocused": "#8a8886",
1862
- "buttonText": "#323130",
1863
- "buttonTextChecked": "#201f1e",
1864
- "buttonTextDisabled": "#a19f9d",
1865
- "buttonTextHovered": "#201f1e",
1866
- "buttonTextPressed": "#201f1e",
1867
- "checkboxBackground": "#185abd",
1868
- "checkboxBackgroundDisabled": "#f3f2f1",
1869
- "checkboxBorderColor": "#8a8886",
2078
+ "brandForegroundLinkSelected": "#005a9e",
2079
+ "brandForegroundTint": "#106ebe",
2080
+ "brandStroke1": "#0078d4",
2081
+ "brandStroke1Pressed": "#004578",
2082
+ "brandStroke1Selected": "#005a9e",
2083
+ "brandStroke2": "#c7e0f4",
2084
+ "brandStrokeTint": "#c7e0f4",
2085
+ "brandedBackground": "#0078d4",
2086
+ "brandedDisabledBorder": "#bdbdbd",
2087
+ "brandedFocusedSecondaryContent": "#ffffff",
2088
+ "brandedHoveredSecondaryContent": "#ffffff",
2089
+ "brandedPressedSecondaryContent": "#ffffff",
2090
+ "brandedSecondaryContent": "#ffffff",
2091
+ "buttonBackground": "#ffffff",
2092
+ "buttonBackgroundChecked": "#ebebeb",
2093
+ "buttonBackgroundDisabled": "#f0f0f0",
2094
+ "buttonBackgroundHovered": "#f5f5f5",
2095
+ "buttonBackgroundPressed": "#ebebeb",
2096
+ "buttonBorder": "#616161",
2097
+ "buttonBorderDisabled": "#e0e0e0",
2098
+ "buttonBorderFocused": "#000000",
2099
+ "buttonText": "#000000",
2100
+ "buttonTextChecked": "#000000",
2101
+ "buttonTextDisabled": "#757575",
2102
+ "buttonTextHovered": "#000000",
2103
+ "buttonTextPressed": "#000000",
2104
+ "checkboxBackground": "#0078d4",
2105
+ "checkboxBackgroundDisabled": "#f0f0f0",
2106
+ "checkboxBorderColor": "#242424",
1870
2107
  "checkmarkColor": "#ffffff",
1871
- "compoundBrandBackground1": "#185abd",
1872
- "compoundBrandBackground1Hover": "#1651aa",
1873
- "compoundBrandBackground1Pressed": "#13458f",
1874
- "compoundBrandForeground1": "#185abd",
1875
- "compoundBrandForeground1Hover": "#1651aa",
1876
- "compoundBrandForeground1Pressed": "#13458f",
1877
- "compoundBrandStroke1": "#185abd",
1878
- "compoundBrandStroke1Hover": "#1651aa",
1879
- "compoundBrandStroke1Pressed": "#13458f",
2108
+ "compoundBrandBackground1": "#0078d4",
2109
+ "compoundBrandBackground1Hover": "#106ebe",
2110
+ "compoundBrandBackground1Pressed": "#004578",
2111
+ "compoundBrandForeground1": "#0078d4",
2112
+ "compoundBrandForeground1Hover": "#106ebe",
2113
+ "compoundBrandForeground1Pressed": "#004578",
2114
+ "compoundBrandStroke1": "#0078d4",
2115
+ "compoundBrandStroke1Hover": "#106ebe",
2116
+ "compoundBrandStroke1Pressed": "#004578",
1880
2117
  "dangerBackground1": "#fdf6f6",
1881
2118
  "dangerBackground2": "#f1bbbc",
1882
2119
  "dangerBackground3": "#d13438",
@@ -1887,90 +2124,91 @@ exports[`defaultFluentTheme 1`] = `
1887
2124
  "dangerForeground2": "#751d1f",
1888
2125
  "dangerForeground3": "#d13438",
1889
2126
  "dangerForegroundInverted": "#dc5e62",
1890
- "defaultBackground": "#f3f2f1",
1891
- "defaultBorder": "#8a8886",
1892
- "defaultCheckedBackground": "#c8c6c4",
1893
- "defaultCheckedContent": "#201f1e",
1894
- "defaultCheckedHoveredBackground": "#edebe9",
1895
- "defaultCheckedHoveredContent": "#201f1e",
1896
- "defaultContent": "#323130",
1897
- "defaultDisabledBackground": "#f3f2f1",
1898
- "defaultDisabledBorder": "#f3f2f1",
1899
- "defaultDisabledContent": "#a19f9d",
1900
- "defaultDisabledIcon": "#a19f9d",
1901
- "defaultFocusedBackground": "#edebe9",
1902
- "defaultFocusedBorder": "#8a8886",
1903
- "defaultFocusedContent": "#201f1e",
1904
- "defaultFocusedIcon": "#201f1e",
1905
- "defaultHoveredBackground": "#edebe9",
1906
- "defaultHoveredBorder": "#8a8886",
1907
- "defaultHoveredContent": "#201f1e",
1908
- "defaultHoveredIcon": "#201f1e",
1909
- "defaultHoveredSecondaryContent": "#a19f9d",
1910
- "defaultIcon": "#323130",
1911
- "defaultPressedBackground": "#edebe9",
1912
- "defaultPressedBorder": "#8a8886",
1913
- "defaultPressedContent": "#201f1e",
1914
- "defaultPressedIcon": "#201f1e",
1915
- "defaultPressedSecondaryContent": "#a19f9d",
1916
- "disabledBackground": "#f3f2f1",
1917
- "disabledBodyText": "#a19f9d",
1918
- "disabledText": "#a19f9d",
1919
- "errorText": "#a4262c",
1920
- "focusBorder": "#605e5c",
1921
- "ghostBackground": "#ffffff",
1922
- "ghostBorder": "#ffffff",
1923
- "ghostCheckedBackground": "#edebe9",
1924
- "ghostCheckedContent": "#000000",
1925
- "ghostCheckedHoveredBackground": "#f3f2f1",
1926
- "ghostCheckedHoveredBorder": "#201f1e",
1927
- "ghostCheckedHoveredContent": "#201f1e",
1928
- "ghostContent": "#323130",
1929
- "ghostDisabledBackground": "#ffffff",
1930
- "ghostDisabledBorder": "#ffffff",
1931
- "ghostDisabledContent": "#a19f9d",
1932
- "ghostDisabledIcon": "#a19f9d",
1933
- "ghostFocusedBackground": "#f3f2f1",
1934
- "ghostFocusedBorder": "#8a8886",
1935
- "ghostFocusedContent": "#201f1e",
1936
- "ghostFocusedIcon": "#201f1e",
1937
- "ghostFocusedSecondaryContent": "#605e5c",
1938
- "ghostHoveredBackground": "#f3f2f1",
1939
- "ghostHoveredBorder": "#f3f2f1",
1940
- "ghostHoveredContent": "#201f1e",
1941
- "ghostHoveredIcon": "#201f1e",
1942
- "ghostHoveredSecondaryContent": "#605e5c",
1943
- "ghostIcon": "#323130",
1944
- "ghostPressedBackground": "#edebe9",
1945
- "ghostPressedBorder": "#edebe9",
1946
- "ghostPressedContent": "#201f1e",
1947
- "ghostPressedIcon": "#201f1e",
1948
- "ghostPressedSecondaryContent": "#605e5c",
1949
- "ghostSecondaryContent": "#605e5c",
2127
+ "dangerStroke1": "#f1bbbc",
2128
+ "defaultBackground": "#ffffff",
2129
+ "defaultBorder": "#616161",
2130
+ "defaultCheckedBackground": "#ebebeb",
2131
+ "defaultCheckedContent": "#000000",
2132
+ "defaultCheckedHoveredBackground": "#f5f5f5",
2133
+ "defaultCheckedHoveredContent": "#000000",
2134
+ "defaultContent": "#000000",
2135
+ "defaultDisabledBackground": "#f0f0f0",
2136
+ "defaultDisabledBorder": "#e0e0e0",
2137
+ "defaultDisabledContent": "#757575",
2138
+ "defaultDisabledIcon": "#757575",
2139
+ "defaultFocusedBackground": "#f5f5f5",
2140
+ "defaultFocusedBorder": "#000000",
2141
+ "defaultFocusedContent": "#000000",
2142
+ "defaultFocusedIcon": "#000000",
2143
+ "defaultHoveredBackground": "#f5f5f5",
2144
+ "defaultHoveredBorder": "#c7c7c7",
2145
+ "defaultHoveredContent": "#000000",
2146
+ "defaultHoveredIcon": "#000000",
2147
+ "defaultHoveredSecondaryContent": "#424242",
2148
+ "defaultIcon": "#000000",
2149
+ "defaultPressedBackground": "#ebebeb",
2150
+ "defaultPressedBorder": "#b3b3b3",
2151
+ "defaultPressedContent": "#000000",
2152
+ "defaultPressedIcon": "#000000",
2153
+ "defaultPressedSecondaryContent": "#424242",
2154
+ "disabledBackground": "#f0f0f0",
2155
+ "disabledBodyText": "#757575",
2156
+ "disabledText": "#757575",
2157
+ "errorText": "#bc2f32",
2158
+ "focusBorder": "#000000",
2159
+ "ghostBackground": "#00000000",
2160
+ "ghostBorder": "#000000",
2161
+ "ghostCheckedBackground": "#ebebeb",
2162
+ "ghostCheckedContent": "#242424",
2163
+ "ghostCheckedHoveredBackground": "#f5f5f5",
2164
+ "ghostCheckedHoveredBorder": "#000000",
2165
+ "ghostCheckedHoveredContent": "#242424",
2166
+ "ghostContent": "#000000",
2167
+ "ghostDisabledBackground": "#00000000",
2168
+ "ghostDisabledBorder": "#bdbdbd",
2169
+ "ghostDisabledContent": "#757575",
2170
+ "ghostDisabledIcon": "#757575",
2171
+ "ghostFocusedBackground": "#f5f5f5",
2172
+ "ghostFocusedBorder": "#000000",
2173
+ "ghostFocusedContent": "#000000",
2174
+ "ghostFocusedIcon": "#000000",
2175
+ "ghostFocusedSecondaryContent": "#000000",
2176
+ "ghostHoveredBackground": "#f5f5f5",
2177
+ "ghostHoveredBorder": "#000000",
2178
+ "ghostHoveredContent": "#000000",
2179
+ "ghostHoveredIcon": "#000000",
2180
+ "ghostHoveredSecondaryContent": "#424242",
2181
+ "ghostIcon": "#000000",
2182
+ "ghostPressedBackground": "#e0e0e0",
2183
+ "ghostPressedBorder": "#000000",
2184
+ "ghostPressedContent": "#000000",
2185
+ "ghostPressedIcon": "#000000",
2186
+ "ghostPressedSecondaryContent": "#424242",
2187
+ "ghostSecondaryContent": "#000000",
1950
2188
  "inputBackground": "#ffffff",
1951
- "inputBorder": "#a19f9d",
1952
- "inputFocusBorderAlt": "#185abd",
1953
- "inputPlaceholderText": "#605e5c",
1954
- "inputText": "#323130",
1955
- "link": "#185abd",
1956
- "linkHovered": "#004578",
1957
- "linkPressed": "#13458f",
1958
- "listHeaderBackgroundHovered": "#f3f2f1",
1959
- "listHeaderBackgroundPressed": "#edebe9",
2189
+ "inputBorder": "#616161",
2190
+ "inputFocusBorderAlt": "#0078d4",
2191
+ "inputPlaceholderText": "#424242",
2192
+ "inputText": "#000000",
2193
+ "link": "#0078d4",
2194
+ "linkHovered": "#106ebe",
2195
+ "linkPressed": "#004578",
2196
+ "listHeaderBackgroundHovered": "#f5f5f5",
2197
+ "listHeaderBackgroundPressed": "#ebebeb",
1960
2198
  "menuBackground": "#ffffff",
1961
- "menuDivider": "#c8c6c4",
1962
- "menuIcon": "#185abd",
1963
- "menuItemBackgroundHovered": "#f3f2f1",
1964
- "menuItemBackgroundPressed": "#edebe9",
1965
- "menuItemText": "#323130",
1966
- "menuItemTextHovered": "#201f1e",
2199
+ "menuDivider": "#000000",
2200
+ "menuIcon": "#000000",
2201
+ "menuItemBackgroundHovered": "#f5f5f5",
2202
+ "menuItemBackgroundPressed": "#ebebeb",
2203
+ "menuItemText": "#000000",
2204
+ "menuItemTextHovered": "#000000",
1967
2205
  "neutralBackground1": "#ffffff",
1968
2206
  "neutralBackground1Hover": "#f5f5f5",
1969
- "neutralBackground1Pressed": "#e0e0e0",
2207
+ "neutralBackground1Pressed": "#ebebeb",
1970
2208
  "neutralBackground1Selected": "#ebebeb",
1971
- "neutralBackground2": "#fafafa",
2209
+ "neutralBackground2": "#ffffff",
1972
2210
  "neutralBackground2Hover": "#f0f0f0",
1973
- "neutralBackground2Pressed": "#dbdbdb",
2211
+ "neutralBackground2Pressed": "#ebebeb",
1974
2212
  "neutralBackground2Selected": "#e6e6e6",
1975
2213
  "neutralBackground3": "#f5f5f5",
1976
2214
  "neutralBackground3Hover": "#ebebeb",
@@ -1985,50 +2223,61 @@ exports[`defaultFluentTheme 1`] = `
1985
2223
  "neutralBackground5Pressed": "#f0f0f0",
1986
2224
  "neutralBackground5Selected": "#fafafa",
1987
2225
  "neutralBackground6": "#e6e6e6",
2226
+ "neutralBackgroundCanvas": "#ffffff",
2227
+ "neutralBackgroundDarkStatic": "#242424",
1988
2228
  "neutralBackgroundDisabled": "#f0f0f0",
1989
2229
  "neutralBackgroundInverted": "#616161",
1990
- "neutralForeground1": "#242424",
1991
- "neutralForeground1Hover": "#242424",
1992
- "neutralForeground1Pressed": "#242424",
1993
- "neutralForeground1Selected": "#242424",
1994
- "neutralForeground2": "#424242",
1995
- "neutralForeground2BrandHover": "#185abd",
1996
- "neutralForeground2BrandPressed": "#1651aa",
1997
- "neutralForeground2BrandSelected": "#185abd",
2230
+ "neutralBackgroundLightStatic": "#ffffff",
2231
+ "neutralBackgroundLightStaticDisabled": "#f0f0f0",
2232
+ "neutralForeground1": "#000000",
2233
+ "neutralForeground1Hover": "#000000",
2234
+ "neutralForeground1Pressed": "#000000",
2235
+ "neutralForeground1Selected": "#000000",
2236
+ "neutralForeground2": "#000000",
2237
+ "neutralForeground2BrandHover": "#106ebe",
2238
+ "neutralForeground2BrandPressed": "#004578",
2239
+ "neutralForeground2BrandSelected": "#005a9e",
1998
2240
  "neutralForeground2Hover": "#242424",
1999
2241
  "neutralForeground2Pressed": "#242424",
2000
2242
  "neutralForeground2Selected": "#242424",
2001
- "neutralForeground3": "#616161",
2002
- "neutralForeground3BrandHover": "#185abd",
2003
- "neutralForeground3BrandPressed": "#1651aa",
2004
- "neutralForeground3BrandSelected": "#185abd",
2243
+ "neutralForeground3": "#000000",
2244
+ "neutralForeground3BrandHover": "#106ebe",
2245
+ "neutralForeground3BrandPressed": "#004578",
2246
+ "neutralForeground3BrandSelected": "#005a9e",
2005
2247
  "neutralForeground3Hover": "#424242",
2006
2248
  "neutralForeground3Pressed": "#424242",
2007
2249
  "neutralForeground3Selected": "#424242",
2008
- "neutralForeground4": "#707070",
2009
- "neutralForegroundDisabled": "#bdbdbd",
2250
+ "neutralForeground4": "#424242",
2251
+ "neutralForegroundDarkStatic": "#000000",
2252
+ "neutralForegroundDisabled": "#757575",
2253
+ "neutralForegroundDisabled1": "#757575",
2254
+ "neutralForegroundDisabled2": "#757575",
2010
2255
  "neutralForegroundInverted": "#ffffff",
2011
2256
  "neutralForegroundInvertedLink": "#ffffff",
2012
2257
  "neutralForegroundInvertedLinkHover": "#ffffff",
2013
2258
  "neutralForegroundInvertedLinkPressed": "#ffffff",
2014
2259
  "neutralForegroundInvertedLinkSelected": "#ffffff",
2260
+ "neutralForegroundLightStatic": "#ffffff",
2015
2261
  "neutralForegroundOnBrand": "#ffffff",
2016
2262
  "neutralForegroundOnBrandHover": "#ffffff",
2017
2263
  "neutralForegroundOnBrandPressed": "#ffffff",
2018
2264
  "neutralForegroundOnBrandSelected": "#ffffff",
2265
+ "neutralForegroundOnColor": "#ffffff",
2019
2266
  "neutralStencil1": "#e6e6e6",
2020
2267
  "neutralStencil2": "#fafafa",
2021
- "neutralStroke1": "#d1d1d1",
2268
+ "neutralStroke1": "#616161",
2022
2269
  "neutralStroke1Hover": "#c7c7c7",
2023
2270
  "neutralStroke1Pressed": "#b3b3b3",
2024
2271
  "neutralStroke1Selected": "#bdbdbd",
2025
- "neutralStroke2": "#e0e0e0",
2026
- "neutralStroke3": "#f0f0f0",
2027
- "neutralStrokeAccessible": "#616161",
2272
+ "neutralStroke2": "#000000",
2273
+ "neutralStroke3": "#616161",
2274
+ "neutralStrokeAccessible": "#242424",
2028
2275
  "neutralStrokeAccessibleHover": "#575757",
2029
2276
  "neutralStrokeAccessiblePressed": "#4d4d4d",
2030
- "neutralStrokeAccessibleSelected": "#185abd",
2277
+ "neutralStrokeAccessibleSelected": "#0078d4",
2031
2278
  "neutralStrokeDisabled": "#e0e0e0",
2279
+ "neutralStrokeFocus1": "#ffffff",
2280
+ "neutralStrokeFocus2": "#000000",
2032
2281
  "outofofficeBackground1": "#fdf5fc",
2033
2282
  "outofofficeBackground2": "#edbbe7",
2034
2283
  "outofofficeBackground3": "#c239b3",
@@ -2038,18 +2287,31 @@ exports[`defaultFluentTheme 1`] = `
2038
2287
  "outofofficeForeground1": "#af33a1",
2039
2288
  "outofofficeForeground2": "#6d2064",
2040
2289
  "outofofficeForeground3": "#c239b3",
2041
- "personaActivityGlow": "#185abd",
2290
+ "personaActivityGlow": "#0078d4",
2042
2291
  "personaActivityRing": "#ffffff",
2043
- "primaryButtonBackground": "#185abd",
2044
- "primaryButtonBackgroundDisabled": "#f3f2f1",
2045
- "primaryButtonBackgroundHovered": "#1651aa",
2046
- "primaryButtonBackgroundPressed": "#13458f",
2047
- "primaryButtonBorder": "transparent",
2048
- "primaryButtonBorderFocused": "transparent",
2292
+ "presenceAvailable": "#0e700e",
2293
+ "presenceAway": "#817400",
2294
+ "presenceDnd": "#bc2f32",
2295
+ "presenceOof": "#af33a1",
2296
+ "primaryButtonBackground": "#0078d4",
2297
+ "primaryButtonBackgroundDisabled": "#f0f0f0",
2298
+ "primaryButtonBackgroundHovered": "#106ebe",
2299
+ "primaryButtonBackgroundPressed": "#106ebe",
2300
+ "primaryButtonBorder": "#000000",
2301
+ "primaryButtonBorderFocused": "#000000",
2049
2302
  "primaryButtonText": "#ffffff",
2050
- "primaryButtonTextDisabled": "#d2d0ce",
2303
+ "primaryButtonTextDisabled": "#757575",
2051
2304
  "primaryButtonTextHovered": "#ffffff",
2052
2305
  "primaryButtonTextPressed": "#ffffff",
2306
+ "redBackground1": "#fdf6f6",
2307
+ "redBackground2": "#f1bbbc",
2308
+ "redBackground3": "#d13438",
2309
+ "redBorder1": "#f1bbbc",
2310
+ "redBorder2": "#d13438",
2311
+ "redBorderActive": "#d13438",
2312
+ "redForeground1": "#bc2f32",
2313
+ "redForeground2": "#751d1f",
2314
+ "redForeground3": "#d13438",
2053
2315
  "severeBackground1": "#fdf6f3",
2054
2316
  "severeBackground2": "#f4bfab",
2055
2317
  "severeBackground3": "#da3b01",
@@ -2059,9 +2321,10 @@ exports[`defaultFluentTheme 1`] = `
2059
2321
  "severeForeground1": "#c43501",
2060
2322
  "severeForeground2": "#7a2101",
2061
2323
  "severeForeground3": "#da3b01",
2324
+ "severeStroke1": "#f4bfab",
2062
2325
  "strokeFocus1": "#ffffff",
2063
2326
  "strokeFocus2": "#000000",
2064
- "subText": "#605e5c",
2327
+ "subText": "#000000",
2065
2328
  "subtleBackground": "#00000000",
2066
2329
  "subtleBackgroundHover": "#f5f5f5",
2067
2330
  "subtleBackgroundPressed": "#e0e0e0",
@@ -2076,14 +2339,15 @@ exports[`defaultFluentTheme 1`] = `
2076
2339
  "successForeground2": "#094509",
2077
2340
  "successForeground3": "#107c10",
2078
2341
  "successForegroundInverted": "#359b35",
2342
+ "successStroke1": "#9fd89f",
2079
2343
  "transparentBackground": "#00000000",
2080
2344
  "transparentBackgroundHover": "#00000000",
2081
2345
  "transparentBackgroundPressed": "#00000000",
2082
2346
  "transparentBackgroundSelected": "#00000000",
2083
- "transparentStroke": "#00000000",
2084
- "transparentStrokeDisabled": "#00000000",
2085
- "transparentStrokeInteractive": "#00000000",
2086
- "variantBorder": "#edebe9",
2347
+ "transparentStroke": "#000000",
2348
+ "transparentStrokeDisabled": "#bdbdbd",
2349
+ "transparentStrokeInteractive": "#666666",
2350
+ "variantBorder": "#000000",
2087
2351
  "warningBackground1": "#fffef5",
2088
2352
  "warningBackground2": "#fef7b2",
2089
2353
  "warningBackground3": "#fde300",
@@ -2094,22 +2358,23 @@ exports[`defaultFluentTheme 1`] = `
2094
2358
  "warningForeground2": "#817400",
2095
2359
  "warningForeground3": "#fde300",
2096
2360
  "warningForegroundInverted": "#fef7b2",
2361
+ "warningStroke1": "#fef7b2",
2097
2362
  },
2098
2363
  "components": {},
2099
2364
  "host": {
2100
- "appearance": "light",
2365
+ "appearance": "highContrast",
2101
2366
  },
2102
2367
  "shadows": {
2103
2368
  "shadow16": {
2104
2369
  "ambient": {
2105
2370
  "blur": 2,
2106
- "color": "#0000001f",
2371
+ "color": "#0000003d",
2107
2372
  "x": 0,
2108
2373
  "y": 0,
2109
2374
  },
2110
2375
  "key": {
2111
2376
  "blur": 16,
2112
- "color": "#00000024",
2377
+ "color": "#00000047",
2113
2378
  "x": 0,
2114
2379
  "y": 8,
2115
2380
  },
@@ -2131,13 +2396,13 @@ exports[`defaultFluentTheme 1`] = `
2131
2396
  "shadow2": {
2132
2397
  "ambient": {
2133
2398
  "blur": 2,
2134
- "color": "#0000001f",
2399
+ "color": "#0000003d",
2135
2400
  "x": 0,
2136
2401
  "y": 0,
2137
2402
  },
2138
2403
  "key": {
2139
2404
  "blur": 2,
2140
- "color": "#00000024",
2405
+ "color": "#00000047",
2141
2406
  "x": 0,
2142
2407
  "y": 1,
2143
2408
  },
@@ -2145,13 +2410,13 @@ exports[`defaultFluentTheme 1`] = `
2145
2410
  "shadow28": {
2146
2411
  "ambient": {
2147
2412
  "blur": 8,
2148
- "color": "#00000033",
2413
+ "color": "#00000066",
2149
2414
  "x": 0,
2150
2415
  "y": 0,
2151
2416
  },
2152
2417
  "key": {
2153
2418
  "blur": 28,
2154
- "color": "#0000003d",
2419
+ "color": "#0000007a",
2155
2420
  "x": 0,
2156
2421
  "y": 14,
2157
2422
  },
@@ -2187,13 +2452,13 @@ exports[`defaultFluentTheme 1`] = `
2187
2452
  "shadow4": {
2188
2453
  "ambient": {
2189
2454
  "blur": 2,
2190
- "color": "#0000001f",
2455
+ "color": "#0000003d",
2191
2456
  "x": 0,
2192
2457
  "y": 0,
2193
2458
  },
2194
2459
  "key": {
2195
2460
  "blur": 4,
2196
- "color": "#00000024",
2461
+ "color": "#00000047",
2197
2462
  "x": 0,
2198
2463
  "y": 2,
2199
2464
  },
@@ -2215,13 +2480,13 @@ exports[`defaultFluentTheme 1`] = `
2215
2480
  "shadow64": {
2216
2481
  "ambient": {
2217
2482
  "blur": 8,
2218
- "color": "#00000033",
2483
+ "color": "#00000066",
2219
2484
  "x": 0,
2220
2485
  "y": 0,
2221
2486
  },
2222
2487
  "key": {
2223
2488
  "blur": 64,
2224
- "color": "#0000003d",
2489
+ "color": "#0000007a",
2225
2490
  "x": 0,
2226
2491
  "y": 32,
2227
2492
  },
@@ -2243,13 +2508,13 @@ exports[`defaultFluentTheme 1`] = `
2243
2508
  "shadow8": {
2244
2509
  "ambient": {
2245
2510
  "blur": 2,
2246
- "color": "#0000001f",
2511
+ "color": "#0000003d",
2247
2512
  "x": 0,
2248
2513
  "y": 0,
2249
2514
  },
2250
2515
  "key": {
2251
2516
  "blur": 8,
2252
- "color": "#00000024",
2517
+ "color": "#00000047",
2253
2518
  "x": 0,
2254
2519
  "y": 4,
2255
2520
  },
@@ -2278,13 +2543,13 @@ exports[`defaultFluentTheme 1`] = `
2278
2543
  },
2279
2544
  "typography": {
2280
2545
  "families": {
2281
- "cursive": "System",
2282
- "monospace": "System",
2283
- "numeric": "System",
2284
- "primary": "System",
2285
- "sansSerif": "System",
2286
- "secondary": "System",
2287
- "serif": "System",
2546
+ "cursive": "Helvetica Neue",
2547
+ "monospace": "Courier New",
2548
+ "numeric": "Helvetica Neue",
2549
+ "primary": "Helvetica Neue",
2550
+ "sansSerif": "Helvetica Neue",
2551
+ "secondary": "Helvetica Neue",
2552
+ "serif": "Helvetica Neue",
2288
2553
  },
2289
2554
  "sizes": {
2290
2555
  "body": 14,
@@ -2298,138 +2563,153 @@ exports[`defaultFluentTheme 1`] = `
2298
2563
  "variants": {
2299
2564
  "body1": {
2300
2565
  "face": "primary",
2301
- "size": "secondary",
2302
- "weight": "regular",
2566
+ "size": 12,
2567
+ "weight": "400",
2303
2568
  },
2304
2569
  "body1Strong": {
2305
2570
  "face": "primary",
2306
- "size": "secondary",
2307
- "weight": "semiBold",
2571
+ "size": 12,
2572
+ "weight": "600",
2308
2573
  },
2309
2574
  "body2": {
2310
2575
  "face": "primary",
2311
- "size": "body",
2312
- "weight": "regular",
2576
+ "size": 14,
2577
+ "weight": "400",
2313
2578
  },
2314
2579
  "body2Strong": {
2315
2580
  "face": "primary",
2316
- "size": "body",
2317
- "weight": "semiBold",
2581
+ "size": 14,
2582
+ "weight": "600",
2318
2583
  },
2319
2584
  "bodySemibold": {
2320
2585
  "face": "primary",
2321
- "size": "body",
2322
- "weight": "semiBold",
2586
+ "size": 14,
2587
+ "weight": "600",
2323
2588
  },
2324
2589
  "bodyStandard": {
2325
2590
  "face": "primary",
2326
- "size": "body",
2327
- "weight": "regular",
2591
+ "size": 14,
2592
+ "weight": "400",
2328
2593
  },
2329
2594
  "caption1": {
2330
2595
  "face": "primary",
2331
- "size": "caption",
2332
- "weight": "regular",
2596
+ "size": 10,
2597
+ "weight": "400",
2333
2598
  },
2334
2599
  "caption1Strong": {
2335
2600
  "face": "primary",
2336
- "size": "caption",
2337
- "weight": "semiBold",
2601
+ "size": 10,
2602
+ "weight": "600",
2603
+ },
2604
+ "caption2": {
2605
+ "face": "primary",
2606
+ "size": 10,
2607
+ "weight": "400",
2338
2608
  },
2339
2609
  "captionStandard": {
2340
2610
  "face": "primary",
2341
- "size": "caption",
2342
- "weight": "regular",
2611
+ "size": 10,
2612
+ "weight": "400",
2343
2613
  },
2344
2614
  "display": {
2345
2615
  "face": "primary",
2346
- "size": "heroLarge",
2347
- "weight": "semiBold",
2616
+ "size": 40,
2617
+ "weight": "600",
2348
2618
  },
2349
2619
  "headerSemibold": {
2350
2620
  "face": "primary",
2351
- "size": "header",
2352
- "weight": "semiBold",
2621
+ "size": 20,
2622
+ "weight": "600",
2353
2623
  },
2354
2624
  "headerStandard": {
2355
2625
  "face": "primary",
2356
- "size": "header",
2357
- "weight": "regular",
2626
+ "size": 20,
2627
+ "weight": "400",
2358
2628
  },
2359
2629
  "heroLargeSemibold": {
2360
2630
  "face": "primary",
2361
- "size": "heroLarge",
2362
- "weight": "semiBold",
2631
+ "size": 40,
2632
+ "weight": "600",
2363
2633
  },
2364
2634
  "heroLargeStandard": {
2365
2635
  "face": "primary",
2366
- "size": "heroLarge",
2367
- "weight": "regular",
2636
+ "size": 40,
2637
+ "weight": "400",
2368
2638
  },
2369
2639
  "heroSemibold": {
2370
2640
  "face": "primary",
2371
- "size": "hero",
2372
- "weight": "semiBold",
2641
+ "size": 28,
2642
+ "weight": "600",
2373
2643
  },
2374
2644
  "heroStandard": {
2375
2645
  "face": "primary",
2376
- "size": "hero",
2377
- "weight": "regular",
2646
+ "size": 28,
2647
+ "weight": "400",
2378
2648
  },
2379
2649
  "largeTitle": {
2380
2650
  "face": "primary",
2381
- "size": "heroLarge",
2382
- "weight": "regular",
2651
+ "size": 40,
2652
+ "weight": "400",
2383
2653
  },
2384
2654
  "secondarySemibold": {
2385
2655
  "face": "primary",
2386
- "size": "secondary",
2387
- "weight": "semiBold",
2656
+ "size": 12,
2657
+ "weight": "600",
2388
2658
  },
2389
2659
  "secondaryStandard": {
2390
2660
  "face": "primary",
2391
- "size": "secondary",
2392
- "weight": "regular",
2661
+ "size": 12,
2662
+ "weight": "400",
2393
2663
  },
2394
2664
  "subheaderSemibold": {
2395
2665
  "face": "primary",
2396
- "size": "subheader",
2397
- "weight": "semiBold",
2666
+ "size": 16,
2667
+ "weight": "600",
2398
2668
  },
2399
2669
  "subheaderStandard": {
2400
2670
  "face": "primary",
2401
- "size": "subheader",
2402
- "weight": "regular",
2671
+ "size": 16,
2672
+ "weight": "400",
2403
2673
  },
2404
2674
  "subtitle1": {
2405
2675
  "face": "primary",
2406
- "size": "header",
2407
- "weight": "regular",
2676
+ "size": 20,
2677
+ "weight": "400",
2408
2678
  },
2409
2679
  "subtitle1Strong": {
2410
2680
  "face": "primary",
2411
- "size": "header",
2412
- "weight": "semiBold",
2681
+ "size": 20,
2682
+ "weight": "600",
2413
2683
  },
2414
2684
  "subtitle2": {
2415
2685
  "face": "primary",
2416
- "size": "subheader",
2417
- "weight": "regular",
2686
+ "size": 16,
2687
+ "weight": "400",
2418
2688
  },
2419
2689
  "subtitle2Strong": {
2420
2690
  "face": "primary",
2421
- "size": "subheader",
2422
- "weight": "semiBold",
2691
+ "size": 16,
2692
+ "weight": "600",
2423
2693
  },
2424
2694
  "title1": {
2425
2695
  "face": "primary",
2426
- "size": "hero",
2427
- "weight": "regular",
2696
+ "size": 28,
2697
+ "weight": "400",
2428
2698
  },
2429
2699
  "title1Strong": {
2430
2700
  "face": "primary",
2431
- "size": "hero",
2432
- "weight": "semiBold",
2701
+ "size": 28,
2702
+ "weight": "600",
2703
+ },
2704
+ "title2": {
2705
+ "face": "primary",
2706
+ "size": 20,
2707
+ "weight": "400",
2708
+ },
2709
+ "title3": {
2710
+ "face": "primary",
2711
+ "size": 16,
2712
+ "weight": "400",
2433
2713
  },
2434
2714
  },
2435
2715
  "weights": {