diff --git a/web/src/components/DialogTorrentDetailsContent/Table/style.js b/web/src/components/DialogTorrentDetailsContent/Table/style.js
index b3813e6..1e766f4 100644
--- a/web/src/components/DialogTorrentDetailsContent/Table/style.js
+++ b/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 bigTableDefaultRowColor = '#fff'
-const bigTableViewedRowColor = '#f3f3f3'
+const bigTableDividerColor = '#d2d2d2'
+const bigTableDefaultRowColor = '#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;
diff --git a/web/src/components/DialogTorrentDetailsContent/TorrentCache/snakeSettings.js b/web/src/components/DialogTorrentDetailsContent/TorrentCache/snakeSettings.js
index fcc1d7a..3642376 100644
--- a/web/src/components/DialogTorrentDetailsContent/TorrentCache/snakeSettings.js
+++ b/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',
- progressColor: mainColors.dark.secondary,
+ backgroundColor: mainColors.dark.secondary,
+ progressColor: rgba('#fff', 0.2),
readerColor: '#8f0405',
rangeColor: '#cda184',
},
diff --git a/web/src/components/DialogTorrentDetailsContent/TorrentFunctions/index.jsx b/web/src/components/DialogTorrentDetailsContent/TorrentFunctions/index.jsx
index d3ca87c..f5aeebc 100644
--- a/web/src/components/DialogTorrentDetailsContent/TorrentFunctions/index.jsx
+++ b/web/src/components/DialogTorrentDetailsContent/TorrentFunctions/index.jsx
@@ -28,13 +28,16 @@ const TorrentFunctions = memo(
<>
{t('DownloadPlaylist')}
- {t('LatestFilePlayed')} {latestViewedFileData?.title}.
- {latestViewedFileData?.season && (
- <>
- {' '}
- {t('Season')}: {latestViewedFileData?.season}. {t('Episode')}: {latestViewedFileData?.episode}.
- >
- )}
+ {t('LatestFilePlayed')}{' '}
+
+ {latestViewedFileData?.title}.
+ {latestViewedFileData?.season && (
+ <>
+ {' '}
+ {t('Season')}: {latestViewedFileData?.season}. {t('Episode')}: {latestViewedFileData?.episode}.
+ >
+ )}
+
diff --git a/web/src/components/DialogTorrentDetailsContent/style.js b/web/src/components/DialogTorrentDetailsContent/style.js
index 7b1eca3..e3f7d09 100644
--- a/web/src/components/DialogTorrentDetailsContent/style.js
+++ b/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%)`,
},
}
},
diff --git a/web/src/style/colors.js b/web/src/style/colors.js
index 7f32fa9..4ffe08a 100644
--- a/web/src/style/colors.js
+++ b/web/src/style/colors.js
@@ -78,7 +78,7 @@ export const themeColors = {
detailedView: {
gradientStartColor: '#656f76',
gradientEndColor: '#545a5e',
- cacheSectionBGColor: '#dee3e5',
+ cacheSectionBGColor: '#949ca0',
},
addDialog: {
gradientStartColor: '#656f76',