update theme colors

web/src/components/DialogTorrentDetailsContent/Table/style.js

@@ -3,9 +3,9 @@ import styled, { css } from 'styled-components'
 const viewedPrimaryColor = '#858c90'
 const viewedSecondaryColor = '#8c9498'
 const viewedTertiaryColor = '#949ca0'
-const bigTableDividerColor = '#ddd'
+const bigTableDividerColor = '#d2d2d2'
-const bigTableDefaultRowColor = '#fff'
+const bigTableDefaultRowColor = '#f3f3f3'
-const bigTableViewedRowColor = '#f3f3f3'
+const bigTableViewedRowColor = '#ddd'
 
 const viewedIndicator = css`
   ${({
@@ -187,7 +187,7 @@ export const ShortTable = styled.div`
         grid-template-columns: repeat(3, 1fr);
         align-items: center;
         gap: 20px;
-        background: #fff;
+        background: #f3f3f3;
 
         @media (max-width: 410px) {
           gap: 10px;

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

@@ -7,10 +7,10 @@ export const snakeSettings = {
       borderWidth: 1,
       pieceSize: 14,
       gapBetweenPieces: 3,
-      borderColor: rgba('#949ca0', 0.25),
+      borderColor: rgba('#fff', 0.85),
       completeColor: rgba(mainColors.dark.primary, 0.5),
-      backgroundColor: '#f1eff3',
+      backgroundColor: mainColors.dark.secondary,
-      progressColor: mainColors.dark.secondary,
+      progressColor: rgba('#fff', 0.2),
       readerColor: '#8f0405',
       rangeColor: '#cda184',
     },

web/src/components/DialogTorrentDetailsContent/TorrentFunctions/index.jsx

@@ -28,13 +28,16 @@ const TorrentFunctions = memo(
           <>
             <SmallLabel>{t('DownloadPlaylist')}</SmallLabel>
             <SectionSubName mb={10}>
-              {t('LatestFilePlayed')} <strong>{latestViewedFileData?.title}.
+              {t('LatestFilePlayed')}{' '}
-              {latestViewedFileData?.season && (
+              <strong>
-                <>
+                {latestViewedFileData?.title}.
-                  {' '}
+                {latestViewedFileData?.season && (
-                  {t('Season')}: {latestViewedFileData?.season}. {t('Episode')}: {latestViewedFileData?.episode}.
+                  <>
-                </>
+                    {' '}
-              )}</strong>
+                    {t('Season')}: {latestViewedFileData?.season}. {t('Episode')}: {latestViewedFileData?.episode}.
+                  </>
+                )}
+              </strong>
             </SectionSubName>
 
             <MainSectionButtonGroup>

web/src/components/DialogTorrentDetailsContent/style.js

@@ -289,7 +289,7 @@ export const LoadingProgress = styled.div.attrs(
     return {
       // this block is here according to styled-components recomendation about fast changable components
       style: {
-        background: `linear-gradient(to right, ${gradientStartColor} 0%, ${gradientEndColor} ${percentage}%, #fff ${percentage}%, #fff 100%)`,
+        background: `linear-gradient(to right, ${gradientStartColor} 0%, ${gradientEndColor} ${percentage}%, #eee ${percentage}%, #fff 100%)`,
       },
     }
   },

web/src/style/colors.js

@@ -78,7 +78,7 @@ export const themeColors = {
     detailedView: {
       gradientStartColor: '#656f76',
       gradientEndColor: '#545a5e',
-      cacheSectionBGColor: '#dee3e5',
+      cacheSectionBGColor: '#949ca0',
     },
     addDialog: {
       gradientStartColor: '#656f76',