adastra-ui-comment
Version:
Testing locally 1) in this file - `npm i` install dependencies - `npm run build` or `npm run tsc` to build your module 2) in childApp - in package.json under dependencies add ui-astra-assets with file:(relativePathToRepo) - "ui-astra-a
73 lines • 1.74 kB
JavaScript
import { createMuiTheme } from '@material-ui/core/styles';
export const AstraColors = {
blue: {
main: '#1b77b7',
light: '#3590dc',
dark: '#125d91',
},
green: {
main: '#8ebb42',
light: '#a2d539',
dark: '#779833',
},
yellow: {
main: '#ffe31d',
light: '#fff61d',
dark: '#779833',
},
teal: {
main: '#1fa2b7',
light: '#33b9d2',
dark: '#308c9e',
},
orange: {
main: '#ff7d07',
light: '#ff8d22',
dark: '#f96611',
},
red: {
main: '#ef3c29',
light: '#ff5846',
dark: '#ce2a18',
},
error: {
main: '#ef3c29',
light: '#ff5846',
dark: '#ce2a18',
},
grey: {
white: '#ffffff',
lightest: '#e9eef2',
black: '#000000',
},
};
export const AstraTheme = createMuiTheme({
palette: {
primary: {
light: AstraColors.blue.light,
main: AstraColors.blue.main,
dark: AstraColors.blue.dark,
contrastText: AstraColors.grey.white,
},
secondary: {
light: AstraColors.green.light,
main: AstraColors.green.main,
dark: AstraColors.green.dark,
contrastText: AstraColors.grey.white,
},
error: {
light: AstraColors.error.light,
main: AstraColors.error.main,
dark: AstraColors.error.dark,
contrastText: AstraColors.grey.black,
},
},
typography: {
fontFamily: 'Trebuchet MS',
button: {
textTransform: 'none',
},
},
});
export default AstraTheme;
//# sourceMappingURL=themes.js.map