Update Dark theme and fix playing issue

ui/component/downloadProgress/index.js

@@ -2,13 +2,25 @@ import { connect } from 'react-redux';
 import DownloadProgress from './view';
 import { doSetPlayingUri, doStopDownload, doUpdateDownloadingStatus } from 'redux/actions/content';
 import { selectFileInfosByOutpoint } from 'lbry-redux';
-
+import { selectPrimaryUri, selectPlayingUri } from 'redux/selectors/content';
 const select = (state) => {
   const byOutpoint = selectFileInfosByOutpoint(state);
   const runningByOutpoint = [];
+  const primaryUri = selectPrimaryUri(state);
+  const playingUri = selectPlayingUri(state);
+  const uri = playingUri ? playingUri.uri : null;
 
   for (const key in byOutpoint) {
-    if (byOutpoint[key] && byOutpoint[key].status === 'running') runningByOutpoint.push(byOutpoint[key]);
+    const item = byOutpoint[key];
+
+    if (item && item.status === 'running') {
+      if (
+        (!primaryUri || !primaryUri.includes(`/${item.claim_name}`)) &&
+        (!uri || !uri.includes(`/${item.claim_name}`))
+      ) {
+        runningByOutpoint.push(item);
+      }
+    }
   }
 
   return {

ui/component/downloadProgress/view.jsx

@@ -154,7 +154,7 @@ function DownloadProgressItem({
   };
 
   return (
-    <div className=" download-progress__state-container">
+    <div className="download-progress__state-container">
       <div className="download-progress__state-bar">
         <Button
           label={title}

ui/component/fileDownloadLink/view.jsx

@@ -73,17 +73,9 @@ function FileDownloadLink(props: Props) {
 
     if (fileInfo && fileInfo.written_bytes > 0) {
       const progress = (fileInfo.written_bytes / fileInfo.total_bytes) * 100;
-      return (
-        <span className="download-text" style={{ backgroundColor: '#FFF' }}>
-          {__('%percent%% downloaded', { percent: progress.toFixed(0) })}
-        </span>
-      );
+      return <span className="download-text">{__('%percent%% downloaded', { percent: progress.toFixed(0) })}</span>;
     } else {
-      return (
-        <span className="download-text" style={{ backgroundColor: '#FFF' }}>
-          {__('Connecting...')}
-        </span>
-      );
+      return <span className="download-text">{__('Connecting...')}</span>;
     }
   }
   // @endif

ui/scss/component/_claim-list.scss

@@ -720,6 +720,7 @@
     margin: 0 0;
     padding: var(--spacing-xxs) var(--spacing-xxs);
     height: unset;
+    background-color: var(--color-header-background);
 
     // label (with 'Add' text) hidden by default
     .button__label {