Merge branch 'dark-light-theme'

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;

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) {

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 {

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 {

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;
       }
     `}