Material UI Hacker Theme

theme.tsx

import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';

export const themeOptions: ThemeOptions = {
  palette: {
    type: 'dark',
    primary: {
      main: '#c3c06b',
      contrastText: '#3b8284',
      dark: 'rgb(11, 21, 25)',
    },
    secondary: {
      main: '#c3c06b',
      contrastText: 'rgba(0, 0, 0, 0.87)',
    },
    background: {
      default: '#12232c',
      paper: '#111c22',
    },
    text: {
      primary: '#97b0b3',
      secondary: '#3b8284',
    },
    error: {
      main: '#6d141a',
    },
    warning: {
      main: '#858457',
      contrastText: '#858457',
    },
    success: {
      main: '#247622',
    },
    divider: '#135a60',
  },
  typography: {
    fontFamily: 'Source Code Pro',
    h1: {
      fontSize: '3rem',
    },
    h2: {
      fontSize: '2.1rem',
    },
    h3: {
      fontSize: '1.5rem',
    },
    h4: {
      fontSize: '1.2rem',
    },
    h5: {
      fontSize: '1.1rem',
    },
    h6: {
      fontSize: '1rem',
    },
  },
  shape: {
    borderRadius: 0,
  },
  spacing: 10,
  overrides: {
    MuiAppBar: {
      colorInherit: {
        backgroundColor: '#111f24',
        color: '#97b0b3',
      },
    },
  },
  props: {
    MuiAppBar: {
      color: 'transparent',
    },
  },
};