From ea78eb0e5230dd3e2360276cd528be445222cb1d Mon Sep 17 00:00:00 2001
From: nikk gitanes <tsynik@gmail.com>
Date: Tue, 28 Mar 2023 21:10:25 +0300
Subject: [PATCH 1/6] Update style.js

---
 web/src/components/About/style.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/About/style.js b/web/src/components/About/style.js
index 903bad6..ab52aff 100644
--- a/web/src/components/About/style.js
+++ b/web/src/components/About/style.js
@@ -20,7 +20,7 @@ export const HeaderSection = styled.section`
   }
 
   @media (max-width: 930px) {
-    font-size: 24px;
+    font-size: 22px;
     padding: 10px 20px;
 
     img {

From f817d98b2c743ed1aeb7af3d0bbbff357a6eb6aa Mon Sep 17 00:00:00 2001
From: nikk gitanes <tsynik@gmail.com>
Date: Tue, 28 Mar 2023 21:59:28 +0300
Subject: [PATCH 2/6] use switch for Pro-mode

---
 web/src/components/Settings/SettingsDialog.jsx | 5 +++--
 web/src/style/materialUISetup.js               | 5 +++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Settings/SettingsDialog.jsx b/web/src/components/Settings/SettingsDialog.jsx
index 9190bad..3a27078 100644
--- a/web/src/components/Settings/SettingsDialog.jsx
+++ b/web/src/components/Settings/SettingsDialog.jsx
@@ -1,6 +1,6 @@
 import axios from 'axios'
 import Button from '@material-ui/core/Button'
-import Checkbox from '@material-ui/core/Checkbox'
+import Switch from '@material-ui/core/Switch'
 import { FormControlLabel, useMediaQuery, useTheme } from '@material-ui/core'
 import { settingsHost } from 'utils/Hosts'
 import { useEffect, useState } from 'react'
@@ -94,7 +94,7 @@ export default function SettingsDialog({ handleClose }) {
         <div>{t('SettingsDialog.Settings')}</div>
         <FormControlLabel
           control={
-            <Checkbox
+            <Switch
               checked={isProMode}
               onChange={({ target: { checked } }) => {
                 setIsProMode(checked)
@@ -105,6 +105,7 @@ export default function SettingsDialog({ handleClose }) {
             />
           }
           label={t('SettingsDialog.ProMode')}
+          labelPlacement='start'
         />
       </SettingsHeader>
 
diff --git a/web/src/style/materialUISetup.js b/web/src/style/materialUISetup.js
index 6b1642d..8098d6c 100644
--- a/web/src/style/materialUISetup.js
+++ b/web/src/style/materialUISetup.js
@@ -53,6 +53,11 @@ export const useMaterialUITheme = () => {
           secondary: { main: mainColors[theme].secondary },
         },
         overrides: {
+          MuiTypography: {
+            h6: {
+              fontSize: '1.2rem',
+            },
+          },
           MuiInputBase: {
             input: {
               color: mainColors[theme].labels,

From 6e57e9e4b425a4c9b9d602cadc4e9289a2d54196 Mon Sep 17 00:00:00 2001
From: nikk gitanes <tsynik@gmail.com>
Date: Tue, 28 Mar 2023 23:07:02 +0300
Subject: [PATCH 3/6] add server settings hints

---
 .../components/Settings/MobileAppSettings.jsx |  16 +--
 .../Settings/SecondarySettingsComponent.jsx   | 102 +++++++++++-------
 web/src/locales/en/translation.json           |  10 +-
 web/src/locales/ru/translation.json           |  10 +-
 web/src/locales/ua/translation.json           |  10 +-
 web/src/style/materialUISetup.js              |   2 +-
 6 files changed, 98 insertions(+), 52 deletions(-)

diff --git a/web/src/components/Settings/MobileAppSettings.jsx b/web/src/components/Settings/MobileAppSettings.jsx
index 80a036e..0c75a52 100644
--- a/web/src/components/Settings/MobileAppSettings.jsx
+++ b/web/src/components/Settings/MobileAppSettings.jsx
@@ -1,4 +1,4 @@
-import { FormControlLabel, Switch } from '@material-ui/core'
+import { FormControlLabel, FormGroup, FormHelperText, Switch } from '@material-ui/core'
 import { useTranslation } from 'react-i18next'
 
 import { SecondarySettingsContent, SettingSectionLabel } from './style'
@@ -9,12 +9,14 @@ export default function MobileAppSettings({ isVlcUsed, setIsVlcUsed }) {
   return (
     <SecondarySettingsContent>
       <SettingSectionLabel>{t('SettingsDialog.MobileAppSettings')}</SettingSectionLabel>
-
-      <FormControlLabel
-        control={<Switch checked={isVlcUsed} onChange={() => setIsVlcUsed(prev => !prev)} color='secondary' />}
-        label={t('SettingsDialog.UseVLC')}
-        labelPlacement='start'
-      />
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={isVlcUsed} onChange={() => setIsVlcUsed(prev => !prev)} color='secondary' />}
+          label={t('SettingsDialog.UseVLC')}
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.UseVLCHint')}</FormHelperText>
+      </FormGroup>
     </SecondarySettingsContent>
   )
 }
diff --git a/web/src/components/Settings/SecondarySettingsComponent.jsx b/web/src/components/Settings/SecondarySettingsComponent.jsx
index c8e01fc..f4df837 100644
--- a/web/src/components/Settings/SecondarySettingsComponent.jsx
+++ b/web/src/components/Settings/SecondarySettingsComponent.jsx
@@ -39,32 +39,46 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
   return (
     <SecondarySettingsContent>
       <SettingSectionLabel>{t('SettingsDialog.AdditionalSettings')}</SettingSectionLabel>
-
-      <FormControlLabel
-        control={<Switch checked={EnableIPv6} onChange={inputForm} id='EnableIPv6' color='secondary' />}
-        label='IPv6'
-        labelPlacement='start'
-      />
-      <FormControlLabel
-        control={<Switch checked={!DisableTCP} onChange={inputForm} id='DisableTCP' color='secondary' />}
-        label='TCP (Transmission Control Protocol)'
-        labelPlacement='start'
-      />
-      <FormControlLabel
-        control={<Switch checked={!DisableUTP} onChange={inputForm} id='DisableUTP' color='secondary' />}
-        label='μTP (Micro Transport Protocol)'
-        labelPlacement='start'
-      />
-      <FormControlLabel
-        control={<Switch checked={!DisablePEX} onChange={inputForm} id='DisablePEX' color='secondary' />}
-        label='PEX (Peer Exchange)'
-        labelPlacement='start'
-      />
-      <FormControlLabel
-        control={<Switch checked={ForceEncrypt} onChange={inputForm} id='ForceEncrypt' color='secondary' />}
-        label={t('SettingsDialog.ForceEncrypt')}
-        labelPlacement='start'
-      />
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={EnableIPv6} onChange={inputForm} id='EnableIPv6' color='secondary' />}
+          label='IPv6'
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.EnableIPv6Hint')}</FormHelperText>
+      </FormGroup>
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={!DisableTCP} onChange={inputForm} id='DisableTCP' color='secondary' />}
+          label='TCP (Transmission Control Protocol)'
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.DisableTCPHint')}</FormHelperText>
+      </FormGroup>
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={!DisableUTP} onChange={inputForm} id='DisableUTP' color='secondary' />}
+          label='μTP (Micro Transport Protocol)'
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.DisableUTPHint')}</FormHelperText>
+      </FormGroup>
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={!DisablePEX} onChange={inputForm} id='DisablePEX' color='secondary' />}
+          label='PEX (Peer Exchange)'
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.DisablePEXHint')}</FormHelperText>
+      </FormGroup>
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={ForceEncrypt} onChange={inputForm} id='ForceEncrypt' color='secondary' />}
+          label={t('SettingsDialog.ForceEncrypt')}
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.ForceEncryptHint')}</FormHelperText>
+      </FormGroup>
       <TextField
         onChange={inputForm}
         margin='normal'
@@ -91,11 +105,14 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
         fullWidth
       />
       <br />
-      <FormControlLabel
-        control={<Switch checked={!DisableDHT} onChange={inputForm} id='DisableDHT' color='secondary' />}
-        label={t('SettingsDialog.DHT')}
-        labelPlacement='start'
-      />
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={!DisableDHT} onChange={inputForm} id='DisableDHT' color='secondary' />}
+          label={t('SettingsDialog.DHT')}
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.DisableDHTHint')}</FormHelperText>
+      </FormGroup>
       <TextField
         onChange={inputForm}
         margin='normal'
@@ -143,11 +160,14 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
         variant='outlined'
         fullWidth
       />
-      <FormControlLabel
-        control={<Switch checked={!DisableUPNP} onChange={inputForm} id='DisableUPNP' color='secondary' />}
-        label='UPnP (Universal Plug and Play)'
-        labelPlacement='start'
-      />
+      <FormGroup>
+        <FormControlLabel
+          control={<Switch checked={!DisableUPNP} onChange={inputForm} id='DisableUPNP' color='secondary' />}
+          label='UPnP (Universal Plug and Play)'
+          labelPlacement='start'
+        />
+        <FormHelperText margin='none'>{t('SettingsDialog.DisableUPNPHint')}</FormHelperText>
+      </FormGroup>
       <FormControlLabel
         control={<Switch checked={EnableDLNA} onChange={inputForm} id='EnableDLNA' color='secondary' />}
         label={t('SettingsDialog.DLNA')}
@@ -164,11 +184,6 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
         variant='outlined'
         fullWidth
       />
-      <FormControlLabel
-        control={<Switch checked={EnableDebug} onChange={inputForm} id='EnableDebug' color='secondary' />}
-        label={t('SettingsDialog.EnableDebug')}
-        labelPlacement='start'
-      />
       <FormGroup>
         <FormControlLabel
           control={<Switch checked={EnableRutorSearch} onChange={inputForm} id='EnableRutorSearch' color='secondary' />}
@@ -177,6 +192,11 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
         />
         <FormHelperText margin='none'>{t('SettingsDialog.EnableRutorSearchHint')}</FormHelperText>
       </FormGroup>
+      <FormControlLabel
+        control={<Switch checked={EnableDebug} onChange={inputForm} id='EnableDebug' color='secondary' />}
+        label={t('SettingsDialog.EnableDebug')}
+        labelPlacement='start'
+      />
       <br />
       <InputLabel htmlFor='RetrackersMode'>{t('SettingsDialog.RetrackersMode')}</InputLabel>
       <Select
diff --git a/web/src/locales/en/translation.json b/web/src/locales/en/translation.json
index bdd1ae4..2c7b1d7 100644
--- a/web/src/locales/en/translation.json
+++ b/web/src/locales/en/translation.json
@@ -108,12 +108,19 @@
     "ConnectionsLimit": "Connections Limit",
     "ConnectionsLimitHint": "20-25 recommended",
     "DHT": "DHT (Distributed Hash Table)",
+    "DisableDHTHint": "Disable if there is no network after starting the server",
+    "DisablePEXHint": "Better leave enabled",
+    "DisableTCPHint": "Don't disable without μTP enabled",
+    "DisableUPNPHint": "Auto-open port on router",
+    "DisableUTPHint": "Not recommended to enable on weak devices",
     "Disk": "Disk",
     "DLNA": "DLNA Media Server",
     "DontAddRetrackers": "Don`t add retrackers",
     "DownloadRateLimit": "Download Rate Limit",
     "EnableDebug": "Enable Debug Server Log",
+    "EnableIPv6Hint": "Enable only if supported by ISP",
     "ForceEncrypt": "Force Encrypt Headers",
+    "ForceEncryptHint": "Can help with torrent blocking providers",
     "FriendlyName": "DLNA Server Name",
     "FriendlyNameHint": "Leave blank to use default",
     "EnableRutorSearch": "Turn on torrents search by RuTor",
@@ -143,7 +150,8 @@
       "AdditionalDisabled": "(enable PRO mode)",
       "App": "App"
     },
-    "UseVLC": "Prompt to open video in VLC"
+    "UseVLC": "Prompt to open video in VLC",
+    "UseVLCHint": "Add VLC player button to torrent content list"
   },
   "Size": "Size",
   "SpecialThanks": "Special Thanks",
diff --git a/web/src/locales/ru/translation.json b/web/src/locales/ru/translation.json
index 1529dc7..9389275 100644
--- a/web/src/locales/ru/translation.json
+++ b/web/src/locales/ru/translation.json
@@ -108,12 +108,19 @@
     "ConnectionsLimit": "Торрент-соединения",
     "ConnectionsLimitHint": "рекомендуется 20-25",
     "DHT": "DHT (Distributed Hash Table)",
+    "DisableDHTHint": "Распределенная хэш-таблица - отключите при отсутствии сети после запуска сервера",
+    "DisablePEXHint": "Обмен списками участников - не рекомендуется отключать",
+    "DisableTCPHint": "Не отключайте без включенного μTP",
+    "DisableUPNPHint": "Автоматическая настройка порта на роутере",
+    "DisableUTPHint": "Не рекомендуется включать на слабых устройствах",
     "Disk": "ПЗУ / Накопитель",
     "DLNA": "DLNA-медиасервер",
     "DontAddRetrackers": "Ничего не делать",
     "DownloadRateLimit": "Ограничение скорости загрузки",
     "EnableDebug": "Подробный журнал сервера",
+    "EnableIPv6Hint": "Включите только если поддерживается",
     "ForceEncrypt": "Шифрование заголовков",
+    "ForceEncryptHint": "Может помочь с блокирующими торрент провайдерами",
     "FriendlyName": "Имя сервера DLNA",
     "FriendlyNameHint": "Оставьте пустым, чтобы использовать значение по умолчанию.",
     "EnableRutorSearch": "Включить поиск по RuTor",
@@ -143,7 +150,8 @@
       "AdditionalDisabled": "(включите ПРО-режим)",
       "App": "Приложение"
     },
-    "UseVLC": "Предлагать открыть видео в VLC"
+    "UseVLC": "Предлагать открыть видео в VLC",
+    "UseVLCHint": "Добавить кнопку проигрывателя VLC в список торрент-контента"
   },
   "Size": "Размер",
   "SpecialThanks": "Отдельное спасибо",
diff --git a/web/src/locales/ua/translation.json b/web/src/locales/ua/translation.json
index 96b4e77..9a97e08 100644
--- a/web/src/locales/ua/translation.json
+++ b/web/src/locales/ua/translation.json
@@ -108,12 +108,19 @@
     "ConnectionsLimit": "Обмеження з'єдань",
     "ConnectionsLimitHint": "рекомендовано 20-25",
     "DHT": "DHT (Distributed Hash Table)",
+    "DisableDHTHint": "Відключіть при відсутності мережі після запуску сервера",
+    "DisablePEXHint": "Не рекомендується відключати",
+    "DisableTCPHint": "Не вимикайте без включеного μTP",
+    "DisableUPNPHint": "Автовідкриття порту на роутері",
+    "DisableUTPHint": "Не рекомендується на слабких пристроях",
     "Disk": "ПЗП / Носій",
     "DLNA": "DLNA-медиасервер",
     "DontAddRetrackers": "Нічого не робити",
     "DownloadRateLimit": "Обмеження швидкості завантаження",
     "EnableDebug": "Журнал налагодження сервера",
+    "EnableIPv6Hint": "Включите якщо підтримується",
     "ForceEncrypt": "Примусово шифрувати заголовки",
+    "ForceEncryptHint": "Може допомогти з блокуючими торрент провайдерами",
     "FriendlyName": "Ім'я сервера DLNA",
     "FriendlyNameHint": "Залиште порожнім, щоб використовувати значення за промовчанням.",
     "EnableRutorSearch": "Увімкніть пошук RuTor",
@@ -143,7 +150,8 @@
       "AdditionalDisabled": "(включіть ПРО-режим)",
       "App": "Додаток"
     },
-    "UseVLC": "Пропонувати відкрити відео у VLC"
+    "UseVLC": "Пропонувати відкрити відео у VLC",
+    "UseVLCHint": "Додати кнопку програвача VLC до списку торрент-контенту"
   },
   "Size": "Розмір",
   "SpecialThanks": "Окрема подяка",
diff --git a/web/src/style/materialUISetup.js b/web/src/style/materialUISetup.js
index 8098d6c..4407a7f 100644
--- a/web/src/style/materialUISetup.js
+++ b/web/src/style/materialUISetup.js
@@ -85,7 +85,7 @@ export const useMaterialUITheme = () => {
           MuiFormGroup: {
             root: {
               '& .MuiFormHelperText-root': {
-                marginTop: -10,
+                marginTop: -8,
               },
             },
           },

From 324efe0370bc4563c63af6b0704d932562fb8e3e Mon Sep 17 00:00:00 2001
From: nikk gitanes <tsynik@gmail.com>
Date: Wed, 29 Mar 2023 00:37:16 +0300
Subject: [PATCH 4/6] hide broken donate form and adjust paperColor

---
 web/src/components/App/index.jsx           |  8 ++---
 web/src/components/Donate/DonateDialog.jsx | 35 +++++++++++-----------
 web/src/style/colors.js                    |  2 ++
 web/src/style/materialUISetup.js           |  5 ++++
 4 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/web/src/components/App/index.jsx b/web/src/components/App/index.jsx
index 52ef5ac..06b397e 100644
--- a/web/src/components/App/index.jsx
+++ b/web/src/components/App/index.jsx
@@ -22,7 +22,7 @@ import { ThemeProvider as StyledComponentsThemeProvider } from 'styled-component
 import { useQuery } from 'react-query'
 import { getTorrents, isStandaloneApp } from 'utils/Utils'
 import GlobalStyle from 'style/GlobalStyle'
-import { lightTheme, THEME_MODES, useMaterialUITheme } from 'style/materialUISetup'
+import { /* lightTheme, */ THEME_MODES, useMaterialUITheme } from 'style/materialUISetup'
 import getStyledComponentsTheme from 'style/getStyledComponentsTheme'
 import checkIsIOS from 'utils/checkIsIOS'
 
@@ -132,9 +132,9 @@ export default function App() {
                   setIsDonationDialogOpen={setIsDonationDialogOpen}
                 />
 
-                <MuiThemeProvider theme={lightTheme}>
-                  {isDonationDialogOpen && <DonateDialog onClose={() => setIsDonationDialogOpen(false)} />}
-                </MuiThemeProvider>
+                {/* <MuiThemeProvider theme={lightTheme}> */}
+                {isDonationDialogOpen && <DonateDialog onClose={() => setIsDonationDialogOpen(false)} />}
+                {/* </MuiThemeProvider> */}
 
                 {snackbarIsClosed ? checkIsIOS() && !isStandaloneApp && <PWAInstallationGuide /> : <DonateSnackbar />}
               </AppWrapper>
diff --git a/web/src/components/Donate/DonateDialog.jsx b/web/src/components/Donate/DonateDialog.jsx
index d362ae9..7d3b46b 100644
--- a/web/src/components/Donate/DonateDialog.jsx
+++ b/web/src/components/Donate/DonateDialog.jsx
@@ -1,16 +1,15 @@
-import ListItem from '@material-ui/core/ListItem'
+// import ListItem from '@material-ui/core/ListItem'
 import DialogTitle from '@material-ui/core/DialogTitle'
 import DialogContent from '@material-ui/core/DialogContent'
 import DialogActions from '@material-ui/core/DialogActions'
-import List from '@material-ui/core/List'
+// import List from '@material-ui/core/List'
 import ButtonGroup from '@material-ui/core/ButtonGroup'
 import Button from '@material-ui/core/Button'
 import { useTranslation } from 'react-i18next'
 import { StyledDialog } from 'style/CustomMaterialUiStyles'
 import useOnStandaloneAppOutsideClick from 'utils/useOnStandaloneAppOutsideClick'
 
-const donateFrame =
-  '<iframe src="https://yoomoney.ru/quickpay/shop-widget?writer=seller&targets=TorrServer Donate&targets-hint=&default-sum=200&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&comment=on&hint=&successURL=&quickpay=shop&account=410013733697114" width="320" height="320" frameborder="0" allowtransparency="true" scrolling="no"></iframe>'
+// const donateFrame = '<iframe src="https://yoomoney.ru/quickpay/shop-widget?writer=seller&targets=TorrServer Donate&targets-hint=&default-sum=200&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&comment=on&hint=&successURL=&quickpay=shop&account=410013733697114" width="320" height="320" frameborder="0" allowtransparency="true" scrolling="no"></iframe>'
 
 export default function DonateDialog({ onClose }) {
   const { t } = useTranslation()
@@ -20,20 +19,20 @@ export default function DonateDialog({ onClose }) {
     <StyledDialog open onClose={onClose} aria-labelledby='form-dialog-title' fullWidth maxWidth='xs' ref={ref}>
       <DialogTitle id='form-dialog-title'>{t('Donate')}</DialogTitle>
       <DialogContent>
-        <List>
-          <ListItem key='DonateLinks'>
-            <ButtonGroup variant='outlined' color='primary' aria-label='contained primary button group'>
-              <Button onClick={() => window.open('https://boosty.to/yourok', '_blank')}>Boosty</Button>
-              <Button onClick={() => window.open('https://yoomoney.ru/to/410013733697114', '_blank')}>IO.Money</Button>
-              <Button onClick={() => window.open('https://qiwi.com/n/YOUROK85', '_blank')}>QIWI</Button>
-              <Button onClick={() => window.open('https://www.paypal.com/paypalme/yourok', '_blank')}>PayPal</Button>
-            </ButtonGroup>
-          </ListItem>
-          <ListItem key='DonateForm'>
-            {/* eslint-disable-next-line react/no-danger */}
-            <div dangerouslySetInnerHTML={{ __html: donateFrame }} />
-          </ListItem>
-        </List>
+        {/* <List> */}
+        {/* <ListItem key='DonateLinks'> */}
+        <ButtonGroup variant='outlined' color='secondary' aria-label='contained primary button group'>
+          <Button onClick={() => window.open('https://boosty.to/yourok', '_blank')}>Boosty</Button>
+          <Button onClick={() => window.open('https://yoomoney.ru/to/410013733697114', '_blank')}>IO.Money</Button>
+          <Button onClick={() => window.open('https://qiwi.com/n/YOUROK85', '_blank')}>QIWI</Button>
+          {/* <Button onClick={() => window.open('https://www.paypal.com/paypalme/yourok', '_blank')}>PayPal</Button> */}
+        </ButtonGroup>
+        {/* </ListItem> */}
+        {/* <ListItem key='DonateForm'> */}
+        {/* eslint-disable-next-line react/no-danger */}
+        {/* <div dangerouslySetInnerHTML={{ __html: donateFrame }} /> */}
+        {/* </ListItem> */}
+        {/* </List> */}
       </DialogContent>
       <DialogActions>
         <Button onClick={onClose} color='secondary' variant='contained'>
diff --git a/web/src/style/colors.js b/web/src/style/colors.js
index 4ffe08a..56dffba 100644
--- a/web/src/style/colors.js
+++ b/web/src/style/colors.js
@@ -110,10 +110,12 @@ 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',
   },
 }
diff --git a/web/src/style/materialUISetup.js b/web/src/style/materialUISetup.js
index 4407a7f..a6a0952 100644
--- a/web/src/style/materialUISetup.js
+++ b/web/src/style/materialUISetup.js
@@ -58,6 +58,11 @@ export const useMaterialUITheme = () => {
               fontSize: '1.2rem',
             },
           },
+          MuiPaper: {
+            root: {
+              backgroundColor: mainColors[theme].paperColor,
+            },
+          },
           MuiInputBase: {
             input: {
               color: mainColors[theme].labels,

From 817fab1f1f6b57b2a2d05a2980f9a9bc5e3243f7 Mon Sep 17 00:00:00 2001
From: nikk gitanes <tsynik@gmail.com>
Date: Wed, 29 Mar 2023 02:39:02 +0300
Subject: [PATCH 5/6] move paperColor to themeColors

---
 web/src/style/colors.js          | 4 ++--
 web/src/style/materialUISetup.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/style/colors.js b/web/src/style/colors.js
index 56dffba..8b17736 100644
--- a/web/src/style/colors.js
+++ b/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',
   },
 }
diff --git a/web/src/style/materialUISetup.js b/web/src/style/materialUISetup.js
index a6a0952..158ba81 100644
--- a/web/src/style/materialUISetup.js
+++ b/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: {

From 42cb6bb32d01a8c6006be3e4143cd4190f5c704d Mon Sep 17 00:00:00 2001
From: nikk gitanes <tsynik@gmail.com>
Date: Wed, 29 Mar 2023 03:17:09 +0300
Subject: [PATCH 6/6] use alt posters for RU

---
 web/src/components/Add/helpers.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Add/helpers.js b/web/src/components/Add/helpers.js
index a4a1d59..1d6260d 100644
--- a/web/src/components/Add/helpers.js
+++ b/web/src/components/Add/helpers.js
@@ -4,6 +4,7 @@ import ptt from 'parse-torrent-title'
 
 export const getMoviePosters = (movieName, language = 'en') => {
   const url = 'http://api.themoviedb.org/3/search/multi'
+  const imgHost = language == 'ru' ? 'http://imagetmdb.com' : 'http://image.tmdb.org' // https:
 
   return axios
     .get(url, {
@@ -15,7 +16,7 @@ export const getMoviePosters = (movieName, language = 'en') => {
       },
     })
     .then(({ data: { results } }) =>
-      results.filter(el => el.poster_path).map(el => `https://image.tmdb.org/t/p/w300${el.poster_path}`),
+      results.filter(el => el.poster_path).map(el => `${imgHost}/t/p/w300${el.poster_path}`),
     )
     .catch(() => null)
 }