move paperColor to themeColors

web/src/style/colors.js

@@ -7,6 +7,7 @@ export const themeColors = {
       appSecondaryColor: '#cbe8d9',
       sidebarBGColor: '#575757',
       sidebarFillColor: '#dee3e5',
+      paperColor: '#eeeeee',
     },
     torrentCard: {
       accentCardColor: '#337a57',
@@ -58,6 +59,7 @@ export const themeColors = {
       appSecondaryColor: '#545a5e',
       sidebarBGColor: '#323637',
       sidebarFillColor: '#dee3e5',
+      paperColor: '#323637',
     },
     torrentCard: {
       accentCardColor: '#323637',
@@ -110,12 +112,10 @@ export const mainColors = {
     primary: '#00a572',
     secondary: '#00a572',
     labels: rgba('#000', 0.9),
-    paperColor: '#eeeeee',
   },
   dark: {
     primary: '#323637',
     secondary: '#dee3e5',
     labels: rgba('#fff', 0.9),
-    paperColor: '#323637',
   },
 }

web/src/style/materialUISetup.js

@@ -1,7 +1,7 @@
 import { createTheme, useMediaQuery } from '@material-ui/core'
 import { useEffect, useMemo, useState } from 'react'
 
-import { mainColors } from './colors'
+import { mainColors, themeColors } from './colors'
 
 export const THEME_MODES = { LIGHT: 'light', DARK: 'dark', AUTO: 'auto' }
 
@@ -60,7 +60,7 @@ export const useMaterialUITheme = () => {
           },
           MuiPaper: {
             root: {
-              backgroundColor: mainColors[theme].paperColor,
+              backgroundColor: themeColors[theme].app.paperColor,
             },
           },
           MuiInputBase: {