Add dark theme

src/App.tsx

@@ -4,12 +4,13 @@ import { ClientContextProvider } from './context';
 import ThemeProvider from './context/ThemeProvider';
 import { UserStateProvider } from './context/UserContext';
 import Routes from './Routes';
+import { darkTheme } from './theme';
 
 function App(): React.ReactElement {
   return (
     <ClientContextProvider>
       <UserStateProvider>
-        <ThemeProvider>
+        <ThemeProvider theme={darkTheme}>
           <Router>
             <Routes />
           </Router>

src/theme.ts

 import { createMuiTheme } from '@material-ui/core';
 
 // eslint-disable-next-line import/prefer-default-export
-export const theme = createMuiTheme(/* {
-  palette: {
+export const theme = createMuiTheme({
+  // TODO: Create default theme
+  /*   palette: {
     primary: {},
     secondary: {},
     error: {},
@@ -12,8 +13,33 @@ export const theme = createMuiTheme(/* {
     grey: {},
 
     text: {},
+  }, */
+  typography: {
+    fontFamily: 'Roboto',
+  },
+});
+
+export const darkTheme = createMuiTheme({
+  palette: {
+    primary: {
+      main: '#1A6B97',
+      contrastText: '#FFFFFF',
+    },
+    secondary: {
+      main: '#FFD200',
+      contrastText: '#202020',
+    },
+    error: {
+      main: '#FF0C3E',
+    },
+    background: {
+      default: '#222222',
+    },
+    success: {},
+    info: {},
+    warning: {},
   },
   typography: {
     fontFamily: 'Roboto',
   },
-} */);
+});