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