refactor

web/src/components/About.jsx

@@ -12,11 +12,11 @@ import ListItemText from '@material-ui/core/ListItemText'
 import { useTranslation } from 'react-i18next'
 import { echoHost } from 'utils/Hosts'
 import { ThemeProvider } from '@material-ui/core/styles'
-import { themeColors } from 'style/colors'
+import { mainColors } from 'style/colors'
 
 import { lightTheme } from '../style/materialUISetup'
 
-const { primary } = themeColors
+const { primary } = mainColors
 
 export default function AboutDialog() {
   const { t } = useTranslation()

web/src/components/DialogTorrentDetailsContent/TorrentCache/snakeSettings.js

@@ -1,4 +1,4 @@
-import { themeColors } from 'style/colors'
+import { mainColors } from 'style/colors'
 
 export const snakeSettings = {
   default: {
@@ -6,7 +6,7 @@ export const snakeSettings = {
     pieceSize: 14,
     gapBetweenPieces: 3,
     borderColor: '#dbf2e8',
-    completeColor: themeColors.primary,
+    completeColor: mainColors.primary,
     backgroundColor: '#fff',
     progressColor: '#b3dfc9',
     readerColor: '#000',

web/src/components/TorrentList/AddFirstTorrent.jsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { themeColors } from 'style/colors'
+import { mainColors } from 'style/colors'
 
 import AddDialog from '../Add/AddDialog'
 import IconWrapper from './style'
@@ -17,7 +17,7 @@ export default function AddFirstTorrent() {
         <lord-icon
           src='https://cdn.lordicon.com/bbnkwdur.json'
           trigger='loop'
-          colors={`primary:#121331,secondary:${themeColors.primary}`}
+          colors={`primary:#121331,secondary:${mainColors.primary}`}
           stroke='26'
           scale='60'
         />

web/src/components/TorrentList/NoServerConnection.jsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { themeColors } from 'style/colors'
+import { mainColors } from 'style/colors'
 
 import IconWrapper from './style'
 
@@ -11,7 +11,7 @@ export default function NoServerConnection() {
       <lord-icon
         src='https://cdn.lordicon.com/wrprwmwt.json'
         trigger='loop'
-        colors={`primary:#121331,secondary:${themeColors.primary}`}
+        colors={`primary:#121331,secondary:${mainColors.primary}`}
         stroke='26'
         scale='60'
       />