@fluentui-react-native/default-theme 0.27.16 → 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 +22 -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
@@ -1,98 +0,0 @@
1
- /* eslint-disable @typescript-eslint/ban-ts-comment */
2
- import { globalTokens } from '@fluentui-react-native/design/tokens/legacy';
3
- import { colorBlack, colorBurgundyPrimary, colorRedPrimary, colorWhite } from '@fluentui-react-native/design/tokens/global';
4
- import { createColorAliasTokens } from './createAliasTokens';
5
- import { paletteFromFabricColors } from './defaultColors';
6
- export function getStockWebPalette() {
7
- return {
8
- ...paletteFromFabricColors({
9
- black: colorBlack,
10
- neutralDark: '#201f1e',
11
- neutralPrimary: '#323130',
12
- neutralPrimaryAlt: '#3b3a39',
13
- neutralSecondary: '#605e5c',
14
- neutralSecondaryAlt: '#8a8886',
15
- neutralTertiary: '#a19f9d',
16
- neutralTertiaryAlt: '#c8c6c4',
17
- neutralQuaternary: '#d2d0ce',
18
- neutralQuaternaryAlt: '#e1dfdd',
19
- neutralLight: '#edebe9',
20
- neutralLighter: '#f3f2f1',
21
- neutralLighterAlt: '#faf9f8',
22
- white: colorWhite,
23
- // Shared Colors
24
- red: colorRedPrimary,
25
- redDark: colorBurgundyPrimary,
26
- // @ts-expect-error
27
- accent: globalTokens.color.brand80,
28
- blackTranslucent40: 'rgba(0,0,0,.4)',
29
- // Colors to be deprecated
30
- // @ts-expect-error
31
- themeDarker: globalTokens.color.brand40,
32
- // @ts-expect-error
33
- themeDark: globalTokens.color.brand60,
34
- // @ts-expect-error
35
- themeDarkAlt: globalTokens.color.brand70,
36
- // @ts-expect-error
37
- themePrimary: globalTokens.color.brand80,
38
- // @ts-expect-error
39
- themeSecondary: globalTokens.color.brand90,
40
- // @ts-expect-error
41
- themeTertiary: globalTokens.color.brand120,
42
- // @ts-expect-error
43
- themeLight: globalTokens.color.brand140,
44
- // @ts-expect-error
45
- themeLighter: globalTokens.color.brand150,
46
- // @ts-expect-error
47
- themeLighterAlt: globalTokens.color.brand160,
48
- }),
49
- ...createColorAliasTokens('light'),
50
- };
51
- }
52
- export function getStockWebDarkPalette() {
53
- return {
54
- ...paletteFromFabricColors({
55
- // colors taken from fluentui DarkCustomizations.ts
56
- black: colorWhite,
57
- neutralDark: '#faf9f8',
58
- neutralPrimary: '#f3f2f1',
59
- neutralPrimaryAlt: '#c8c6c4',
60
- neutralSecondary: '#a19f9d',
61
- neutralSecondaryAlt: '#979693',
62
- neutralTertiary: '#797775',
63
- neutralTertiaryAlt: '#484644',
64
- neutralQuaternary: '#3b3a39',
65
- neutralQuaternaryAlt: '#323130',
66
- neutralLight: '#292827',
67
- neutralLighter: '#252423',
68
- neutralLighterAlt: '#201f1e',
69
- white: '#1b1a19',
70
- red: colorRedPrimary,
71
- // @ts-expect-error
72
- accent: globalTokens.color.brand40,
73
- redDark: '#f1707b',
74
- blackTranslucent40: 'rgba(0,0,0,.4)',
75
- // Colors to be deprecated
76
- // @ts-expect-error
77
- themeDarker: globalTokens.color.brand110,
78
- // @ts-expect-error
79
- themeDark: globalTokens.color.brand100,
80
- // @ts-expect-error
81
- themeDarkAlt: globalTokens.color.brand100,
82
- // @ts-expect-error
83
- themePrimary: globalTokens.color.brand90,
84
- // @ts-expect-error
85
- themeSecondary: globalTokens.color.brand90,
86
- // @ts-expect-error
87
- themeTertiary: globalTokens.color.brand60,
88
- // @ts-expect-error
89
- themeLight: globalTokens.color.brand50,
90
- // @ts-expect-error
91
- themeLighter: globalTokens.color.brand40,
92
- // @ts-expect-error
93
- themeLighterAlt: globalTokens.color.brand30,
94
- }, true),
95
- ...createColorAliasTokens('dark'),
96
- };
97
- }
98
- //# sourceMappingURL=stockWebPalette.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stockWebPalette.js","sourceRoot":"","sources":["../src/stockWebPalette.ts"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- import type { ThemeColorDefinition } from '@fluentui-react-native/design/theming';
2
- export declare function getStockWebPalette(): ThemeColorDefinition;
3
- export declare function getStockWebDarkPalette(): ThemeColorDefinition;
4
- //# sourceMappingURL=stockWebPalette.macos.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stockWebPalette.macos.d.ts","sourceRoot":"","sources":["../src/stockWebPalette.macos.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAMlF,wBAAgB,kBAAkB,IAAI,oBAAoB,CAmCzD;AAED,wBAAgB,sBAAsB,IAAI,oBAAoB,CAqC7D"}
@@ -1,75 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/design/tokens/legacy';
2
- import { colorBlack, colorBurgundyPrimary, colorRedPrimary, colorWhite } from '@fluentui-react-native/design/tokens/global';
3
- import { createColorAliasTokens } from './createAliasTokens';
4
- import { paletteFromFabricColors } from './defaultColors';
5
- export function getStockWebPalette() {
6
- return {
7
- ...paletteFromFabricColors({
8
- black: colorBlack,
9
- neutralDark: '#201f1e',
10
- neutralPrimary: '#323130',
11
- neutralPrimaryAlt: '#3b3a39',
12
- neutralSecondary: '#605e5c',
13
- neutralSecondaryAlt: '#8a8886',
14
- neutralTertiary: '#a19f9d',
15
- neutralTertiaryAlt: '#c8c6c4',
16
- neutralQuaternary: '#d2d0ce',
17
- neutralQuaternaryAlt: '#e1dfdd',
18
- neutralLight: '#edebe9',
19
- neutralLighter: '#f3f2f1',
20
- neutralLighterAlt: '#faf9f8',
21
- white: colorWhite,
22
- // Shared Colors
23
- red: colorRedPrimary,
24
- redDark: colorBurgundyPrimary,
25
- themeDarker: globalTokens.color.brand.shade40,
26
- themeDark: globalTokens.color.brand.shade20,
27
- themeDarkAlt: globalTokens.color.brand.shade10,
28
- themePrimary: globalTokens.color.brand.primary,
29
- themeSecondary: '#2b88d8',
30
- themeTertiary: '#71afe5',
31
- themeLight: globalTokens.color.brand.tint40,
32
- themeLighter: globalTokens.color.brand.tint50,
33
- themeLighterAlt: globalTokens.color.brand.tint60,
34
- accent: globalTokens.color.brand.primary,
35
- blackTranslucent40: 'rgba(0,0,0,.4)',
36
- }),
37
- ...createColorAliasTokens('light'),
38
- };
39
- }
40
- export function getStockWebDarkPalette() {
41
- return {
42
- ...paletteFromFabricColors({
43
- // colors taken from fluentui DarkCustomizations.ts
44
- themeDarker: '#82c7ff',
45
- themeDark: globalTokens.color.brand.tint30,
46
- themeDarkAlt: globalTokens.color.brand.tint20,
47
- themePrimary: globalTokens.color.brand.tint10,
48
- themeSecondary: globalTokens.color.brand.primary,
49
- themeTertiary: '#235a85',
50
- themeLight: globalTokens.color.brand.shade30,
51
- themeLighter: globalTokens.color.brand.shade50,
52
- themeLighterAlt: globalTokens.color.brand.shade60,
53
- black: colorWhite,
54
- neutralDark: '#faf9f8',
55
- neutralPrimary: '#f3f2f1',
56
- neutralPrimaryAlt: '#c8c6c4',
57
- neutralSecondary: '#a19f9d',
58
- neutralSecondaryAlt: '#979693',
59
- neutralTertiary: '#797775',
60
- neutralTertiaryAlt: '#484644',
61
- neutralQuaternary: '#3b3a39',
62
- neutralQuaternaryAlt: '#323130',
63
- neutralLight: '#292827',
64
- neutralLighter: '#252423',
65
- neutralLighterAlt: '#201f1e',
66
- white: '#1b1a19',
67
- red: colorRedPrimary,
68
- accent: globalTokens.color.brand.primary,
69
- redDark: '#f1707b',
70
- blackTranslucent40: 'rgba(0,0,0,.4)',
71
- }, true),
72
- ...createColorAliasTokens('dark'),
73
- };
74
- }
75
- //# sourceMappingURL=stockWebPalette.macos.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stockWebPalette.macos.js","sourceRoot":"","sources":["../src/stockWebPalette.macos.ts"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- import type { ThemeColorDefinition } from '@fluentui-react-native/design/theming';
2
- export declare function getStockWebPalette(): ThemeColorDefinition;
3
- export declare function getStockWebDarkPalette(): ThemeColorDefinition;
4
- //# sourceMappingURL=stockWebPalette.win32.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stockWebPalette.win32.d.ts","sourceRoot":"","sources":["../src/stockWebPalette.win32.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAMlF,wBAAgB,kBAAkB,IAAI,oBAAoB,CAmCzD;AAED,wBAAgB,sBAAsB,IAAI,oBAAoB,CAqC7D"}
@@ -1,75 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/design/tokens/legacy';
2
- import { colorBlack, colorBurgundyPrimary, colorRedPrimary, colorWhite } from '@fluentui-react-native/design/tokens/global';
3
- import { createColorAliasTokens } from './createAliasTokens';
4
- import { paletteFromFabricColors } from './defaultColors';
5
- export function getStockWebPalette() {
6
- return {
7
- ...paletteFromFabricColors({
8
- black: colorBlack,
9
- neutralDark: '#201f1e',
10
- neutralPrimary: '#323130',
11
- neutralPrimaryAlt: '#3b3a39',
12
- neutralSecondary: '#605e5c',
13
- neutralSecondaryAlt: '#8a8886',
14
- neutralTertiary: '#a19f9d',
15
- neutralTertiaryAlt: '#c8c6c4',
16
- neutralQuaternary: '#d2d0ce',
17
- neutralQuaternaryAlt: '#e1dfdd',
18
- neutralLight: '#edebe9',
19
- neutralLighter: '#f3f2f1',
20
- neutralLighterAlt: '#faf9f8',
21
- white: colorWhite,
22
- // Shared Colors
23
- red: colorRedPrimary,
24
- redDark: colorBurgundyPrimary,
25
- themeDarker: globalTokens.color.brand.shade40,
26
- themeDark: globalTokens.color.brand.shade20,
27
- themeDarkAlt: globalTokens.color.brand.shade10,
28
- themePrimary: globalTokens.color.brand.primary,
29
- themeSecondary: '#2b88d8',
30
- themeTertiary: '#71afe5',
31
- themeLight: globalTokens.color.brand.tint40,
32
- themeLighter: globalTokens.color.brand.tint50,
33
- themeLighterAlt: globalTokens.color.brand.tint60,
34
- accent: globalTokens.color.brand.primary,
35
- blackTranslucent40: 'rgba(0,0,0,.4)',
36
- }),
37
- ...createColorAliasTokens('light'),
38
- };
39
- }
40
- export function getStockWebDarkPalette() {
41
- return {
42
- ...paletteFromFabricColors({
43
- // colors taken from fluentui DarkCustomizations.ts
44
- themeDarker: '#82c7ff',
45
- themeDark: globalTokens.color.brand.tint30,
46
- themeDarkAlt: globalTokens.color.brand.tint20,
47
- themePrimary: globalTokens.color.brand.tint10,
48
- themeSecondary: globalTokens.color.brand.primary,
49
- themeTertiary: '#235a85',
50
- themeLight: globalTokens.color.brand.shade30,
51
- themeLighter: globalTokens.color.brand.shade50,
52
- themeLighterAlt: globalTokens.color.brand.shade60,
53
- black: colorWhite,
54
- neutralDark: '#faf9f8',
55
- neutralPrimary: '#f3f2f1',
56
- neutralPrimaryAlt: '#c8c6c4',
57
- neutralSecondary: '#a19f9d',
58
- neutralSecondaryAlt: '#979693',
59
- neutralTertiary: '#797775',
60
- neutralTertiaryAlt: '#484644',
61
- neutralQuaternary: '#3b3a39',
62
- neutralQuaternaryAlt: '#323130',
63
- neutralLight: '#292827',
64
- neutralLighter: '#252423',
65
- neutralLighterAlt: '#201f1e',
66
- white: '#1b1a19',
67
- red: colorRedPrimary,
68
- accent: globalTokens.color.brand.primary,
69
- redDark: '#f1707b',
70
- blackTranslucent40: 'rgba(0,0,0,.4)',
71
- }, true),
72
- ...createColorAliasTokens('dark'),
73
- };
74
- }
75
- //# sourceMappingURL=stockWebPalette.win32.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stockWebPalette.win32.js","sourceRoot":"","sources":["../src/stockWebPalette.win32.ts"],"names":[],"mappings":"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"}
@@ -1,18 +0,0 @@
1
- import { memoize } from '@fluentui-react-native/framework-base';
2
- import { getAliasTokens, getShadowTokens } from '@fluentui-react-native/design/tokens/legacy';
3
- import type { AliasColorTokens, AppearanceOptions, ThemeShadowDefinition } from '@fluentui-react-native/design/theming';
4
- import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/design/theming';
5
-
6
- function createColorAliasTokensWorker(mode: AppearanceOptions): AliasColorTokens {
7
- const aliasTokens = getAliasTokens(mode);
8
- return mapPipelineToTheme(aliasTokens);
9
- }
10
-
11
- export const createColorAliasTokens = memoize(createColorAliasTokensWorker);
12
-
13
- function createShadowAliasTokensWorker(mode: AppearanceOptions): ThemeShadowDefinition {
14
- const aliasTokens = getShadowTokens(mode);
15
- return mapPipelineToShadow(aliasTokens);
16
- }
17
-
18
- export const createShadowAliasTokens = memoize(createShadowAliasTokensWorker);
@@ -1,325 +0,0 @@
1
- import type { Palette, FabricWebPalette, ThemeColorDefinition } from '@fluentui-react-native/design/theming';
2
-
3
- import { createColorAliasTokens } from './createAliasTokens';
4
-
5
- /**
6
- * Generate a palette from a set of fabric web colors, like those output from the theme designer.
7
- *
8
- * @param palette - fabric web palette definition. This allows initializing our color values in the same
9
- * manner the fabric web does it
10
- */
11
- export function paletteFromFabricColors(p: FabricWebPalette, isInverted?: boolean): Palette {
12
- return {
13
- background: p.white,
14
- bodyStandoutBackground: p.neutralLighterAlt,
15
- bodyFrameBackground: p.white,
16
- bodyFrameDivider: p.neutralLight,
17
- bodyText: p.neutralPrimary,
18
- bodyTextChecked: p.black,
19
- subText: p.neutralSecondary,
20
- bodyDivider: p.neutralLight,
21
-
22
- disabledBackground: isInverted ? p.neutralQuaternaryAlt : p.neutralLighter,
23
- disabledText: p.neutralTertiary,
24
- disabledBodyText: p.neutralTertiary,
25
-
26
- focusBorder: p.neutralSecondary,
27
- variantBorder: p.neutralLight,
28
-
29
- errorText: !isInverted ? p.redDark : '#ff5f5f',
30
- inputBorder: p.neutralTertiary,
31
- inputBackground: p.white,
32
- inputFocusBorderAlt: p.themePrimary,
33
- inputText: p.neutralPrimary,
34
- inputPlaceholderText: p.neutralSecondary,
35
-
36
- buttonBackground: p.neutralLighter,
37
- buttonBackgroundChecked: p.neutralTertiaryAlt,
38
- buttonBackgroundHovered: p.neutralLight,
39
- buttonBackgroundPressed: p.neutralLight,
40
- buttonBackgroundDisabled: p.neutralLighter,
41
- buttonBorder: p.neutralSecondaryAlt,
42
- buttonText: isInverted ? p.black : p.neutralPrimary,
43
- buttonTextHovered: isInverted ? p.neutralPrimary : p.neutralDark,
44
- buttonTextChecked: p.neutralDark,
45
- buttonTextPressed: p.neutralDark,
46
- buttonTextDisabled: p.neutralTertiary,
47
- buttonBorderDisabled: p.neutralLighter,
48
- buttonBorderFocused: p.neutralSecondaryAlt,
49
-
50
- primaryButtonBackground: p.themePrimary,
51
- primaryButtonBackgroundHovered: p.themeDarkAlt,
52
- primaryButtonBackgroundPressed: p.themeDark,
53
- primaryButtonBackgroundDisabled: p.neutralLighter,
54
- primaryButtonBorder: 'transparent',
55
- primaryButtonBorderFocused: 'transparent',
56
- primaryButtonText: p.white,
57
- primaryButtonTextHovered: p.white,
58
- primaryButtonTextPressed: p.white,
59
- primaryButtonTextDisabled: p.neutralQuaternary,
60
-
61
- accentButtonBackground: p.accent,
62
-
63
- menuBackground: isInverted ? p.neutralLighter : p.white,
64
- menuDivider: isInverted ? p.neutralTertiaryAlt : p.neutralTertiaryAlt,
65
- menuIcon: isInverted ? p.themeDarkAlt : p.themePrimary,
66
- menuItemBackgroundHovered: isInverted ? p.neutralQuaternaryAlt : p.neutralLighter,
67
- menuItemBackgroundPressed: isInverted ? p.neutralQuaternary : p.neutralLight,
68
- menuItemText: p.neutralPrimary,
69
- menuItemTextHovered: p.neutralDark,
70
-
71
- listHeaderBackgroundHovered: p.neutralLighter,
72
- listHeaderBackgroundPressed: p.neutralLight,
73
-
74
- actionLink: p.neutralPrimary,
75
- link: p.themePrimary,
76
- linkHovered: p.themeDarker,
77
- linkPressed: p.themeDark,
78
-
79
- // Control Color Tokens
80
- defaultBackground: p.neutralLighter,
81
- defaultBorder: p.neutralSecondaryAlt,
82
- defaultContent: isInverted ? p.black : p.neutralPrimary,
83
- defaultIcon: isInverted ? p.black : p.neutralPrimary,
84
-
85
- defaultHoveredBackground: p.neutralLight,
86
- defaultHoveredBorder: p.neutralSecondaryAlt,
87
- defaultHoveredContent: isInverted ? p.neutralPrimary : p.neutralDark,
88
- defaultHoveredIcon: isInverted ? p.neutralPrimary : p.neutralDark,
89
-
90
- defaultFocusedBackground: p.neutralLight,
91
- defaultFocusedBorder: p.neutralSecondaryAlt,
92
- defaultFocusedContent: isInverted ? p.neutralPrimary : p.neutralDark,
93
- defaultFocusedIcon: isInverted ? p.neutralPrimary : p.neutralDark,
94
-
95
- defaultPressedBackground: p.neutralLight,
96
- defaultPressedBorder: p.neutralSecondaryAlt,
97
- defaultPressedContent: p.neutralDark,
98
- defaultPressedIcon: p.neutralDark,
99
-
100
- defaultDisabledBackground: p.neutralLighter,
101
- defaultDisabledBorder: p.neutralLighter,
102
- defaultDisabledContent: p.neutralTertiary,
103
- defaultDisabledIcon: p.neutralTertiary,
104
-
105
- ghostBackground: p.white,
106
- ghostBorder: p.white,
107
- ghostContent: p.neutralPrimary,
108
- ghostIcon: p.neutralPrimary,
109
-
110
- ghostHoveredBackground: p.neutralLighter,
111
- ghostHoveredBorder: p.neutralLighter,
112
- ghostHoveredContent: p.neutralDark,
113
- ghostHoveredIcon: p.neutralDark,
114
-
115
- ghostFocusedBackground: p.neutralLighter,
116
- ghostFocusedBorder: p.neutralSecondaryAlt,
117
- ghostFocusedContent: p.neutralDark,
118
- ghostFocusedIcon: p.neutralDark,
119
-
120
- ghostPressedBackground: p.neutralLight,
121
- ghostPressedBorder: p.neutralLight,
122
- ghostPressedContent: p.neutralDark,
123
- ghostPressedIcon: p.neutralDark,
124
-
125
- ghostDisabledBackground: p.white,
126
- ghostDisabledBorder: p.white,
127
- ghostDisabledContent: p.neutralTertiary,
128
- ghostDisabledIcon: p.neutralTertiary,
129
-
130
- brandedBackground: p.themePrimary,
131
-
132
- brandedDisabledBorder: p.neutralLighter,
133
-
134
- defaultCheckedBackground: p.neutralTertiaryAlt,
135
- defaultCheckedContent: p.neutralDark,
136
- defaultCheckedHoveredBackground: p.neutralLight,
137
- defaultCheckedHoveredContent: isInverted ? p.neutralPrimary : p.neutralDark,
138
-
139
- ghostCheckedBackground: p.neutralLight,
140
- ghostCheckedContent: p.black,
141
- ghostCheckedHoveredBackground: p.neutralLighter,
142
- ghostCheckedHoveredContent: p.neutralDark,
143
- ghostCheckedHoveredBorder: p.neutralDark,
144
-
145
- ghostSecondaryContent: p.neutralSecondary,
146
- ghostFocusedSecondaryContent: p.neutralSecondary,
147
- ghostHoveredSecondaryContent: p.neutralSecondary,
148
- ghostPressedSecondaryContent: p.neutralSecondary,
149
-
150
- brandedSecondaryContent: p.neutralLighterAlt,
151
- brandedFocusedSecondaryContent: p.neutralLighterAlt,
152
- brandedHoveredSecondaryContent: p.neutralLighterAlt,
153
- brandedPressedSecondaryContent: p.neutralLighterAlt,
154
-
155
- defaultHoveredSecondaryContent: p.neutralTertiary,
156
- defaultPressedSecondaryContent: p.neutralTertiary,
157
-
158
- checkmarkColor: p.white,
159
- checkboxBackground: p.themePrimary,
160
- checkboxBackgroundDisabled: p.neutralLighter,
161
- checkboxBorderColor: p.neutralSecondaryAlt,
162
-
163
- personaActivityRing: p.white,
164
- personaActivityGlow: p.themePrimary,
165
- };
166
- }
167
-
168
- export function getStockWebHCPalette(): ThemeColorDefinition {
169
- return {
170
- background: '#000000',
171
- bodyStandoutBackground: '#000000',
172
- bodyFrameBackground: '#000000',
173
- bodyFrameDivider: '#000000',
174
- bodyText: '#ffffff',
175
- bodyTextChecked: '#000000',
176
- subText: '#ffffff',
177
- bodyDivider: '#ffffff',
178
-
179
- disabledBackground: '#000000',
180
- disabledText: '#3ff23f',
181
- disabledBodyText: '#3ff23f',
182
-
183
- focusBorder: '#ffffff',
184
- variantBorder: '#ffffff',
185
-
186
- errorText: '#ffffff',
187
-
188
- inputBorder: '#ffffff',
189
- inputBackground: '#000000',
190
- inputFocusBorderAlt: '#ffffff',
191
- inputText: '#ffffff',
192
- inputPlaceholderText: '#ffffff',
193
-
194
- buttonBackground: '#000000',
195
- buttonBackgroundChecked: '#1aebff',
196
- buttonBackgroundHovered: '#1aebff',
197
- buttonBackgroundPressed: '#1aebff',
198
- buttonBackgroundDisabled: '#000000',
199
- buttonBorder: '#ffffff',
200
- buttonText: '#ffffff',
201
- buttonTextHovered: '#000000',
202
- buttonTextChecked: '#000000',
203
- buttonTextPressed: '#000000',
204
- buttonTextDisabled: '#3ff23f',
205
- buttonBorderDisabled: '#3ff23f',
206
- buttonBorderFocused: '#ffffff',
207
-
208
- primaryButtonBackground: '#000000',
209
- primaryButtonBackgroundHovered: '#1aebff',
210
- primaryButtonBackgroundPressed: '#1aebff',
211
- primaryButtonBackgroundDisabled: '#000000',
212
- primaryButtonBorder: '#ffffff',
213
- primaryButtonBorderFocused: '#ffffff',
214
- primaryButtonText: '#ffffff',
215
- primaryButtonTextHovered: '#000000',
216
- primaryButtonTextPressed: '#000000',
217
- primaryButtonTextDisabled: '#3ff23f',
218
-
219
- accentButtonBackground: '#000000',
220
-
221
- menuBackground: '#000000',
222
- menuDivider: '#ffffff',
223
- menuIcon: '#ffffff',
224
- menuItemBackgroundHovered: '#1aebff',
225
- menuItemBackgroundPressed: '#1aebff',
226
- menuItemText: '#ffffff',
227
- menuItemTextHovered: '#000000',
228
-
229
- listHeaderBackgroundHovered: '#1aebff',
230
- listHeaderBackgroundPressed: '#1aebff',
231
-
232
- actionLink: '#ffff00',
233
- link: '#ffff00',
234
- linkHovered: '#ffffff',
235
- linkPressed: '#ffffff',
236
-
237
- // Control Color Tokens
238
- defaultBackground: '#000000',
239
- defaultBorder: '#ffffff',
240
- defaultContent: '#ffffff',
241
- defaultIcon: '#ffffff',
242
-
243
- defaultHoveredBackground: '#1aebff',
244
- defaultHoveredBorder: '#1aebff',
245
- defaultHoveredContent: '#000000',
246
- defaultHoveredIcon: '#000000',
247
-
248
- defaultFocusedBackground: '#000000',
249
- defaultFocusedBorder: '#ffffff',
250
- defaultFocusedContent: '#ffffff',
251
- defaultFocusedIcon: '#ffffff',
252
-
253
- defaultPressedBackground: '#1aebff',
254
- defaultPressedBorder: '#1aebff',
255
- defaultPressedContent: '#000000',
256
- defaultPressedIcon: '#000000',
257
-
258
- defaultDisabledBackground: '#000000',
259
- defaultDisabledBorder: '#3ff23f',
260
- defaultDisabledContent: '#3ff23f',
261
- defaultDisabledIcon: '#3ff23f',
262
-
263
- ghostBackground: '#000000',
264
- ghostBorder: '#000000',
265
- ghostContent: '#ffffff',
266
- ghostIcon: '#ffffff',
267
-
268
- ghostHoveredBackground: '#1aebff',
269
- ghostHoveredBorder: '#1aebff',
270
- ghostHoveredContent: '#000000',
271
- ghostHoveredIcon: '#000000',
272
-
273
- ghostFocusedBackground: '#000000',
274
- ghostFocusedBorder: '#ffffff',
275
- ghostFocusedContent: '#ffffff',
276
- ghostFocusedIcon: '#ffffff',
277
-
278
- ghostPressedBackground: '#1aebff',
279
- ghostPressedBorder: '#1aebff',
280
- ghostPressedContent: '#000000',
281
- ghostPressedIcon: '#000000',
282
-
283
- ghostDisabledBackground: '#000000',
284
- ghostDisabledBorder: '#000000',
285
- ghostDisabledContent: '#3ff23f',
286
- ghostDisabledIcon: '#3ff23f',
287
-
288
- brandedBackground: '#000000',
289
-
290
- brandedDisabledBorder: '#3ff23f',
291
-
292
- defaultCheckedBackground: '#1aebff',
293
- defaultCheckedContent: '#000000',
294
- defaultCheckedHoveredBackground: '#1aebff',
295
- defaultCheckedHoveredContent: '#000000',
296
-
297
- ghostCheckedBackground: '#1aebff',
298
- ghostCheckedContent: '#000000',
299
- ghostCheckedHoveredBackground: '#1aebff',
300
- ghostCheckedHoveredContent: '#000000',
301
- ghostCheckedHoveredBorder: '#000000',
302
-
303
- ghostSecondaryContent: '#ffffff',
304
- ghostFocusedSecondaryContent: '#ffffff',
305
- ghostHoveredSecondaryContent: '#000000',
306
- ghostPressedSecondaryContent: '#000000',
307
-
308
- brandedSecondaryContent: '#ffffff',
309
- brandedFocusedSecondaryContent: '#ffffff',
310
- brandedHoveredSecondaryContent: '#000000',
311
- brandedPressedSecondaryContent: '#000000',
312
-
313
- defaultHoveredSecondaryContent: '#000000',
314
- defaultPressedSecondaryContent: '#000000',
315
-
316
- checkmarkColor: '#ffffff',
317
- checkboxBackground: '#000000',
318
- checkboxBackgroundDisabled: '#000000',
319
- checkboxBorderColor: '#ffffff',
320
-
321
- personaActivityRing: '#ffffff',
322
- personaActivityGlow: 'transparent', // glow probably doesn't make sense on HC
323
- ...createColorAliasTokens('highContrast'),
324
- };
325
- }
@@ -1,19 +0,0 @@
1
- import { getDefaultLegacyTheme } from '@fluentui-react-native/design/theming/compat/defaults';
2
-
3
- export const defaultFluentTheme = getDefaultLegacyTheme({
4
- colorScheme: 'light',
5
- contrast: 'standard',
6
- interfaceLevel: 'base',
7
- });
8
-
9
- export const defaultFluentDarkTheme = getDefaultLegacyTheme({
10
- colorScheme: 'dark',
11
- contrast: 'standard',
12
- interfaceLevel: 'base',
13
- });
14
-
15
- export const defaultFluentHighConstrastTheme = getDefaultLegacyTheme({
16
- colorScheme: 'dark',
17
- contrast: 'highContrast',
18
- interfaceLevel: 'base',
19
- });