@totalsoft/rocket-ui
Version:
A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.
50 lines • 1.46 kB
JavaScript
import { createTheme } from '@mui/material';
import componentsOverride from './common/overrides';
import generatePalette from './common/palette';
import { generateTypography } from './common/typography';
import { generateShadows, generateCustomShadows } from './common/shadows';
import table from './common/table';
const palette = generatePalette({
primary: {
lighter: '#9dffd4',
light: '#67eaa2',
main: '#005604',
dark: '#008647',
darker: '#00581e',
contrastText: '#fff',
rgba: 'rgba(38, 198, 218, 1)'
},
secondary: {
lighter: '#6db45f',
light: '#3d8433',
main: '#2ab773',
dark: '#002c00',
darker: '#003000',
contrastText: '#fff',
rgba: 'rgb(39 108 37)'
},
background: {
default: '#eff7f0',
paper: '#fff'
},
sideMenu: {
bgColor: '#7eb58b',
color: '#005604',
hoverBgColor: 'rgb(239,247,240, 0.5)',
hoverTextColor: '#005604',
bgOpacity: '0.8',
focusBgColor: '#2a912f',
activeBgColor: '#005604'
}
});
const greenTheme = createTheme({
palette,
shape: { borderRadius: 8 },
typography: generateTypography(palette),
table,
shadows: generateShadows(palette),
customShadows: generateCustomShadows(palette)
});
greenTheme.components = componentsOverride(greenTheme);
export default greenTheme;
//# sourceMappingURL=greenTheme.js.map