proposal-system/web/src/theme.ts

import { createTheme } from '@mui/material/styles';

export const theme = createTheme({
  palette: {
    primary: {
      main: '#0c4f6f',
      light: '#1fa8de',
      dark: '#083a52',
    },
    secondary: {
      main: '#007bff',
      light: '#4da3ff',
      dark: '#0056b3',
    },
    background: {
      default: '#f4f6f7',
      paper: '#ffffff',
    },
    text: {
      primary: '#333333',
      secondary: '#666666',
    },
    divider: '#d9dde0',
  },
  typography: {
    fontFamily: '"Nunito", "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
    fontSize: 13,
    h4: { fontWeight: 600, fontSize: '28px' },
    h5: { fontWeight: 600, fontSize: '22px' },
    h6: { fontWeight: 600, fontSize: '16px' },
    body1: { fontSize: '14px' },
    body2: { fontSize: '13px' },
  },
  shape: {
    borderRadius: 4,
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          textTransform: 'none',
          fontWeight: 600,
          borderRadius: 4,
        },
      },
    },
    MuiAppBar: {
      defaultProps: {
        elevation: 0,
      },
      styleOverrides: {
        root: {
          background: 'linear-gradient(#0c4f6f, #083a52)',
          borderBottom: '1px solid #062c3e',
        },
      },
    },
    MuiCard: {
      defaultProps: {
        elevation: 0,
      },
      styleOverrides: {
        root: {
          border: '1px solid #ddd',
          borderRadius: 4,
          boxShadow: '0 1px 3px rgba(0,0,0,0.1)',
        },
      },
    },
    MuiPaper: {
      defaultProps: {
        elevation: 0,
      },
      styleOverrides: {
        root: {
          borderRadius: 4,
        },
      },
    },
    MuiTableHead: {
      styleOverrides: {
        root: {
          '& .MuiTableCell-head': {
            fontWeight: 600,
            backgroundColor: '#f9f9f9',
            borderBottom: '2px solid #ddd',
          },
        },
      },
    },
    MuiTableCell: {
      styleOverrides: {
        root: {
          fontSize: '14px',
          padding: '12px',
          borderBottom: '1px solid #eee',
        },
      },
    },
    MuiTableRow: {
      styleOverrides: {
        root: {
          '&:hover': {
            backgroundColor: '#f9f9f9',
          },
        },
      },
    },
    MuiTextField: {
      styleOverrides: {
        root: {
          '& .MuiOutlinedInput-root': {
            borderRadius: 4,
          },
        },
      },
    },
    MuiChip: {
      styleOverrides: {
        root: {
          borderRadius: 4,
          fontWeight: 600,
          fontSize: '12px',
        },
      },
    },
    MuiDrawer: {
      styleOverrides: {
        paper: {
          borderRight: '1px solid #d9dde0',
          backgroundColor: '#fbfbfb',
        },
      },
    },
    MuiListItemButton: {
      styleOverrides: {
        root: {
          borderRadius: 6,
          marginLeft: 8,
          marginRight: 8,
          marginBottom: 4,
          '&.Mui-selected': {
            backgroundColor: '#e6f1f7',
            borderLeft: '3px solid #0b80b5',
            '&:hover': {
              backgroundColor: '#dbedf5',
            },
          },
          '&:hover': {
            backgroundColor: '#eef2f4',
          },
        },
      },
    },
    MuiListItemIcon: {
      styleOverrides: {
        root: {
          color: '#8c949a',
          minWidth: 36,
        },
      },
    },
  },
});