Feature/refactor

package.json

@@ -35,9 +35,9 @@
   },
   "main": "public/electron.js",
   "dependencies": {
-    "@material-ui/core": "^4.8.2",
+    "@material-ui/core": "^4.8.3",
     "@material-ui/icons": "^4.5.1",
-    "axios": "^0.19.0",
+    "axios": "^0.19.1",
     "cross-env": "^6.0.3",
     "crypto-js": "^3.1.9-1",
     "electron-is-dev": "^1.1.0",
@@ -78,7 +78,7 @@
   },
   "devDependencies": {
     "concurrently": "^5.0.2",
-    "electron": "^7.1.7",
+    "electron": "^7.1.8",
     "electron-builder": "^21.2.0",
     "wait-on": "^3.3.0"
   }

src/components/Topbar/index.js

@@ -108,7 +108,7 @@ const Topbar = () => {
     return (
         <div className={classes.root}>
             <AppBar position="fixed" color={"primary"} className={open ? classes.appBarShift + ' ' + classes.appBar : classes.appBar}>
-                <Toolbar variant={"dense"}>
+                <Toolbar>
                     <IconButton edge="start" className={open ? classes.hide : null} color="inherit"
                                 aria-label="menu" onClick={openDrawer}>
                         <MenuIcon/>
@@ -120,7 +120,6 @@ const Topbar = () => {
                     {languageEnabled ?
                         <div>
                             <IconButton
-                                aria-label="Account of current user"
                                 aria-controls="menu-appbar"
                                 aria-haspopup="true"
                                 onClick={handleMenu}

src/routes/About/index.js

@@ -14,7 +14,7 @@ const useStyles = makeStyles(theme => ({
         overflow: 'auto',
     },
     heroContent: {
-        backgroundColor: theme.palette.background.default,
+        backgroundColor: theme.palette.background.paper,
         padding: theme.spacing(4, 0, 2),
     },
     container: {

src/routes/File/index.js

@@ -17,7 +17,7 @@ import Input from '@material-ui/core/Input';
 
 const useStyles = makeStyles(theme => ({
     heroContent: {
-        backgroundColor: theme.palette.background.default,
+        backgroundColor: theme.palette.background.paper,
         padding: theme.spacing(4, 0, 2),
     },
     content: {

src/routes/Home/index.js

@@ -18,7 +18,7 @@ import AlertDialog from "../../components/AlertDialog";
 
 const useStyles = makeStyles(theme => ({
     heroContent: {
-        backgroundColor: theme.palette.background.default,
+        backgroundColor: theme.palette.background.paper,
         padding: theme.spacing(4, 0, 2),
     },
     content: {

src/routes/Settings/index.js

@@ -34,7 +34,7 @@ const useStyles = makeStyles(theme => ({
         overflow: 'auto',
     },
     heroContent: {
-        backgroundColor: theme.palette.background.default,
+        backgroundColor: theme.palette.background.paper,
         padding: theme.spacing(4, 0, 2),
     },
     container: {

src/routes/Text/index.js

@@ -13,7 +13,7 @@ import BackButton from "../../components/BackButton";
 
 const useStyles = makeStyles(theme => ({
     heroContent: {
-        backgroundColor: theme.palette.background.default,
+        backgroundColor: theme.palette.background.paper,
         padding: theme.spacing(4, 0, 2),
     },
     content: {