perf: adding darker color to files actively or force uploading (#1035)

src/enums/vuetorrent/TorrentState.ts

@@ -1,6 +1,7 @@
 export enum TorrentState {
   DOWNLOADING = 'Downloading',
   SEEDING = 'Seeding',
+  UPLOADING = 'Uploading',
   PAUSED = 'Paused',
   STALLED = 'Stalled',
   METADATA = 'Metadata',

src/models/Torrent.ts

@@ -126,6 +126,7 @@ export default class Torrent {
         return VtTorrentState.METADATA
       case QbitTorrentState.FORCED_UP:
       case QbitTorrentState.UPLOADING:
+        return VtTorrentState.UPLOADING
       case QbitTorrentState.STALLED_UP:
         return VtTorrentState.SEEDING
       case QbitTorrentState.PAUSED_DL:

src/plugins/vuetify.ts

@@ -31,6 +31,7 @@ const variables = {
   'torrent-errored': '#f83e70',
   'torrent-paused': '#9CA3AF',
   'torrent-queued': '#2e5eaa',
+  'torrent-uploading': '#4e79e6',
   'torrent-seeding': '#4ecde6',
   'torrent-checking': '#ff7043',
   'torrent-stalled': '#4ADE80',

src/styles/colors.scss

@@ -15,6 +15,7 @@ $torrent-fail: #f83e70;
 $torrent-errored: $torrent-fail;
 $torrent-paused: #9ca3af;
 $torrent-queued: #2e5eaa;
+$torrent-uploading: #4e79e6;
 $torrent-seeding: #4ecde6;
 $torrent-checking: #ff7043;
 $torrent-stalled: #4ade80;

src/styles/styles.scss

@@ -21,6 +21,9 @@ $sideborder-margin: 6px;
 .sideborder.seeding {
   border-left: #{$sideborder-margin} solid #{$torrent-seeding};
 }
+.sideborder.uploading {
+  border-left: #{$sideborder-margin} solid #{$torrent-uploading};
+}
 .sideborder.checking {
   border-left: #{$sideborder-margin} solid #{$torrent-checking};
 }
@@ -54,6 +57,9 @@ $sideborder-margin: 6px;
 .v-chip.seeding {
   background: #{$torrent-seeding} !important;
 }
+.v-chip.uploading {
+  background: #{$torrent-uploading} !important;
+}
 .v-chip.checking {
   background: #{$torrent-checking} !important;
 }