Initial Login Screen Draft

1 files changed, 50 insertions, 0 deletions

diff --git a/modern/src/Theme.js b/modern/src/Theme.js
new file mode 100644
index 0000000..4d534a4
--- /dev/null
+++ b/modern/src/Theme.js
@@ -0,0 +1,50 @@
+import { createMuiTheme } from '@material-ui/core/styles';
+
+const traccarPurple = '#333366';
+const traccarGreen = '#4CAF50';
+const traccarWhite = '#FFF';
+
+export default createMuiTheme({
+  palette: {  
+    common: {
+      purple: traccarPurple,
+      green: traccarGreen
+    },
+    primary: {
+      main: traccarPurple
+    },
+    secondary: {
+      main: traccarGreen,
+      contrastText: traccarWhite
+    }
+  },
+  overrides: {
+    MuiFormControl: {
+      root: {
+        height: '42px',
+      }
+    },    
+    MuiFilledInput: {
+      root: {
+        height: '42px',
+        borderRadius: '4px'
+      },
+      underline: {
+        "&:before": {
+          borderBottom: 'none',
+        },
+        "&:after": {
+          borderBottom: 'none',
+        },
+        "&:hover:before": {
+          borderBottom: 'none',
+        },             
+      }
+    },
+    MuiButton: {
+      root: {
+        height: '42px',
+      }
+    }
+  } 
+});