本文整理匯總了TypeScript中@uifabric/utilities/lib/Customizations.Customizations類的典型用法代碼示例。如果您正苦於以下問題:TypeScript Customizations類的具體用法?TypeScript Customizations怎麽用?TypeScript Customizations使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了Customizations類的3個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: loadTheme
export function loadTheme(theme: IPartialTheme): ITheme {
_theme = createTheme(theme);
// Invoke the legacy method of theming the page as well.
legacyLoadTheme({ ..._theme.palette, ..._theme.semanticColors });
Customizations.applySettings({ [ThemeSettingName]: _theme });
return _theme;
}
示例2: loadTheme
export function loadTheme(theme: IPartialTheme, depComments: boolean = false): ITheme {
_theme = createTheme(theme, depComments);
// Invoke the legacy method of theming the page as well.
legacyLoadTheme({ ..._theme.palette, ..._theme.semanticColors });
Customizations.applySettings({ [ThemeSettingName]: _theme });
_onThemeChangeCallbacks.forEach((callback: (theme: ITheme) => void) => {
try {
callback(_theme);
} catch (e) {
// don't let a bad callback break everything else
}
});
return _theme;
}
示例3: _makeSemanticColorsFromPalette
} from './DefaultFontStyles';
import {
DefaultPalette
} from './DefaultPalette';
import { loadTheme as legacyLoadTheme } from '@microsoft/load-themed-styles';
let _theme: ITheme = {
palette: DefaultPalette,
semanticColors: _makeSemanticColorsFromPalette(DefaultPalette, false),
fonts: DefaultFontStyles,
isInverted: false
};
export const ThemeSettingName = 'theme';
if (!Customizations.getSettings([ThemeSettingName]).theme) {
let win = typeof window !== 'undefined' ? window : undefined;
// tslint:disable:no-string-literal no-any
if (win && (win as any)['FabricConfig'] && (win as any)['FabricConfig'].theme) {
_theme = createTheme((win as any)['FabricConfig'].theme);
}
// tslint:enable:no-string-literal no-any
// Set the default theme.
Customizations.applySettings({ [ThemeSettingName]: _theme });
}
/**
* Gets the theme object.
*/