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',