From ba284e7bda454c412b2850d119c2eca6c70939aa Mon Sep 17 00:00:00 2001 From: Daniel Shleifman Date: Mon, 21 Jun 2021 13:35:02 +0300 Subject: [PATCH] few colors changed --- web/src/components/Add/style.js | 6 +++--- web/src/components/App/style.js | 2 +- .../components/DialogTorrentDetailsContent/Table/style.js | 4 ++-- web/src/components/TorrentCard/style.js | 4 ++-- web/src/components/TorrentList/style.js | 6 +++--- 5 files changed, 11 insertions(+), 11 deletions(-) diff --git a/web/src/components/Add/style.js b/web/src/components/Add/style.js index a1ffc6f..7444a8b 100644 --- a/web/src/components/Add/style.js +++ b/web/src/components/Add/style.js @@ -58,7 +58,7 @@ export const RightSideContainer = styled.div` content: '${notificationMessage}'; display: grid; place-items: center; - background: ${isError ? '#cda184' : '#84cda7'}; + background: ${isError ? '#cda184' : '#88cdaa'}; padding: 10px 15px; position: absolute; top: 52%; @@ -172,7 +172,7 @@ export const IconWrapper = styled.div` ` export const LeftSideTopSection = styled.div` - background: #e3f2eb; + background: #e4f6ed; padding: 0 20px 20px 20px; transition: all 0.3s; @@ -306,7 +306,7 @@ export const PosterLanguageSwitch = styled.div` border-radius: 50%; display: grid; place-items: center; - color: #e1f4eb; + color: #e4f6ed; font-weight: 600; cursor: pointer; transition: all 0.3s; diff --git a/web/src/components/App/style.js b/web/src/components/App/style.js index 2cfb19c..857af8d 100644 --- a/web/src/components/App/style.js +++ b/web/src/components/App/style.js @@ -82,7 +82,7 @@ export const LanguageSwitch = styled.div` color: #fff; :hover { - background: #7ec9a3; + background: #4db380; } @media (max-width: 700px) { diff --git a/web/src/components/DialogTorrentDetailsContent/Table/style.js b/web/src/components/DialogTorrentDetailsContent/Table/style.js index 98440fd..acaa594 100644 --- a/web/src/components/DialogTorrentDetailsContent/Table/style.js +++ b/web/src/components/DialogTorrentDetailsContent/Table/style.js @@ -5,7 +5,7 @@ const viewedIndicator = css` content: ''; width: 10px; height: 10px; - background: #15d5af; + background: #009879; border-radius: 50%; position: absolute; top: 50%; @@ -116,7 +116,7 @@ export const ShortTable = styled.div` grid-template-rows: 30px 1fr; background: black; :not(:last-child) { - border-right: 1px solid ${isViewed ? '#bdbdbd' : '#019376'}; + border-right: 1px solid ${isViewed ? '#bdbdbd' : '#009879'}; } &-name { diff --git a/web/src/components/TorrentCard/style.js b/web/src/components/TorrentCard/style.js index 25c3fd1..2f721c9 100644 --- a/web/src/components/TorrentCard/style.js +++ b/web/src/components/TorrentCard/style.js @@ -99,7 +99,7 @@ export const TorrentCardDescription = styled.div` font-size: 10px; font-weight: 600; letter-spacing: 0.4px; - color: #216e47; + color: #337a57; @media (max-width: 770px) { font-size: 0.4rem; @@ -175,7 +175,7 @@ export const StyledButton = styled.button` } :hover { - background: #2a7e54; + background: #337a57; } > :first-child { diff --git a/web/src/components/TorrentList/style.js b/web/src/components/TorrentList/style.js index 30ef029..3332421 100644 --- a/web/src/components/TorrentList/style.js +++ b/web/src/components/TorrentList/style.js @@ -9,12 +9,12 @@ export default styled.div` ${isButton && css` - background: #93d7b4; + background: #88cdaa; transition: 0.2s; - cursor: pointer; + :hover { - background: #71cc9d; + background: #74c39c; } `}