mui.d.ts

import * as materialStyles from '@mui/material/styles'
import { UrlWithStringQuery } from 'url'

type SidebarPalette = {
  background: string
  wrapperBackground: string
  hoveringWrapperBackground: string
  header: string
  divider: string
  listHeader: string
  itemTitle: string
  activeItemTitle: string
  hoveringItemTitle: string
  selectedItemTitle: string
  notificationContent: string
  notificationButton: string
}

type AppBarPalette = {
  background: string
  text: string
  hoveringText: string
}

type TablePalette = {
  headerBackground: string
  headerText: string
}

declare module '@mui/material/styles' {
  interface Palette {
    sidebar?: SidebarPalette
    appBar?: AppBarPalette
    table?: TablePalette
  }

  interface PaletteOptions {
    sidebar?: SidebarPalette
    appBar?: AppBarPalette
    table?: TablePalette
  }
}