@totalsoft/rocket-ui/src/components/themes/defaultTheme.ts

A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.

import { PaletteOptions, Theme, ThemeOptions, 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: '#a8ffff',
    light: '#6ff9ff',
    main: '#26C6DA',
    dark: '#0095a8',
    darker: '#006779',
    contrastText: '#fff',
    rgba: 'rgba(38, 198, 218, 1)'
  },
  background: {
    default: '#fff',
    paper: '#fff'
  },
  sideMenu: {
    bgColor: '#000000d9',
    color: '#fff',
    hoverBgColor: 'rgba(200, 200, 200, 0.2)',
    hoverTextColor: '#fff',
    bgOpacity: '0.8',
    activeBgColor: '#26C6DA'
  }
} as PaletteOptions)

const defaultTheme: Theme = createTheme({
  palette,
  shape: { borderRadius: 8 },
  typography: generateTypography(palette),
  table,
  shadows: generateShadows(palette),
  customShadows: generateCustomShadows(palette)
} as ThemeOptions)

defaultTheme.components = componentsOverride(defaultTheme)

export default defaultTheme