@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.
49 lines • 1.43 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: '#b0b0b0',
light: '#818181',
main: '#555555',
dark: '#2c2c2c',
darker: '#000000',
contrastText: '#fff',
rgba: 'rgba(85, 85, 85, 1)'
},
secondary: {
lighter: '#ffd170',
light: '#ffa040',
main: '#FF6F00',
dark: '#c43e00',
darker: '#8c0000',
contrastText: '#fff',
rgba: 'rgba(255, 111, 0)'
},
background: {
default: '#fff',
paper: '#fff'
},
sideMenu: {
bgColor: '#000000d9',
color: '#fff',
hoverBgColor: 'rgba(200, 200, 200, 0.2)',
hoverTextColor: '#fff',
bgOpacity: '0.8',
activeBgColor: '#FF6F00'
}
});
const orangeTheme = createTheme({
palette,
shape: { borderRadius: 8 },
typography: generateTypography(palette),
table,
shadows: generateShadows(palette),
customShadows: generateCustomShadows(palette)
});
orangeTheme.components = componentsOverride(orangeTheme);
export default orangeTheme;
//# sourceMappingURL=orangeTheme.js.map