refactor: extract themes to their own folder

ui/src/layout/Login.js

@@ -14,7 +14,7 @@ import LockIcon from '@material-ui/icons/Lock'
 
 import { Notification, useLogin, useNotify, useTranslate } from 'react-admin'
 
-import { LightTheme } from './Themes'
+import { LightTheme } from '../themes'
 
 const useStyles = makeStyles((theme) => ({
   main: {

ui/src/layout/Themes.js

@@ -1,39 +0,0 @@
-import blue from '@material-ui/core/colors/blue'
-
-export const DarkTheme = {
-  palette: {
-    primary: {
-      main: '#90caf9'
-    },
-    secondary: blue,
-    type: 'dark'
-  },
-  overrides: {
-    MuiFormGroup: {
-      root: {
-        color: 'white'
-      }
-    }
-  }
-}
-
-export const LightTheme = {
-  palette: {
-    secondary: {
-      light: '#5f5fc4',
-      main: '#283593',
-      dark: '#001064',
-      contrastText: '#fff'
-    }
-  },
-  overrides: {
-    MuiFilledInput: {
-      root: {
-        backgroundColor: 'rgba(0, 0, 0, 0.04)',
-        '&$disabled': {
-          backgroundColor: 'rgba(0, 0, 0, 0.04)'
-        }
-      }
-    }
-  }
-}

ui/src/layout/index.js

@@ -1,5 +1,4 @@
 import Login from './Login'
 import Layout from './Layout'
-import { DarkTheme, LightTheme } from './Themes'
 
-export { Layout, Login, DarkTheme, LightTheme }
+export { Layout, Login }