diff --git a/web/src/components/TorrentList/index.jsx b/web/src/components/TorrentList/index.jsx
index aae835c..ff49b4e 100644
--- a/web/src/components/TorrentList/index.jsx
+++ b/web/src/components/TorrentList/index.jsx
@@ -6,6 +6,11 @@ import NoServerConnection from './NoServerConnection'
import AddFirstTorrent from './AddFirstTorrent'
export default function TorrentList({ isOffline, isLoading, torrents }) {
+ return (
+
+
+
+ )
if (isLoading || isOffline || !torrents.length) {
return (
diff --git a/web/src/components/TorrentList/style.js b/web/src/components/TorrentList/style.js
index 3332421..12a3dbc 100644
--- a/web/src/components/TorrentList/style.js
+++ b/web/src/components/TorrentList/style.js
@@ -1,7 +1,12 @@
import styled, { css } from 'styled-components'
export default styled.div`
- ${({ isButton }) => css`
+ ${({
+ isButton,
+ theme: {
+ addDialog: { notificationSuccessBGColor, languageSwitchBGColor },
+ },
+ }) => css`
display: grid;
place-items: center;
padding: 20px 40px;
@@ -9,12 +14,12 @@ export default styled.div`
${isButton &&
css`
- background: #88cdaa;
+ background: ${notificationSuccessBGColor};
transition: 0.2s;
cursor: pointer;
:hover {
- background: #74c39c;
+ background: ${languageSwitchBGColor};
}
`}