office-ui-fabric-react
Version:
Reusable React components for building experiences for Microsoft 365.
68 lines • 2.47 kB
JavaScript
define(["require", "exports", "../Styling"], function (require, exports, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/**
* To consume a customization set, use the Customizer component and wrap your app:
*
* import { Customizer } from 'office-ui-fabric-react';
* import { TeamsCustomizations } from 'office-ui-fabric-react/lib/customizations/TeamsCustomizations';
*
* <Customizer {...TeamsCustomizations}>
* <App />
* </Customizer>
*
*/
exports.TeamsCustomizations = {
settings: {
theme: Styling_1.createTheme({
palette: {
themePrimary: '#6061aa',
themeLighterAlt: '#f7f7fc',
themeLighter: '#e1e1f2',
themeLight: '#c7c8e6',
themeTertiary: '#9797cd',
themeSecondary: '#6f70b5',
themeDarkAlt: '#56579a',
themeDark: '#494a82',
themeDarker: '#363660',
neutralLighterAlt: '#f8f8f8',
neutralLighter: '#f4f4f4',
neutralLight: '#eaeaea',
neutralQuaternaryAlt: '#dadada',
neutralQuaternary: '#d0d0d0',
neutralTertiaryAlt: '#c8c8c8',
neutralTertiary: '#b6b0b0',
neutralSecondary: '#9f9797',
neutralPrimaryAlt: '#877f7f',
neutralPrimary: '#282424',
neutralDark: '#585151',
black: '#403b3b',
white: '#fff',
},
}),
},
scopedSettings: {
PrimaryButton: {
styles: {
root: {
borderRadius: 3,
},
},
},
DefaultButton: {
styles: {
root: {
background: 'transparent',
border: '2px solid #BDBDBD',
borderRadius: 3,
},
rootHovered: {
background: 'transparent',
},
},
},
},
};
exports.default = exports.TeamsCustomizations;
});
//# sourceMappingURL=TeamsCustomizations.js.map