feat: New select mode color

src/components/Torrent/DesktopCard.vue

@@ -3,7 +3,6 @@
     row
     wrap
     class="ma-0 px-4 py-2 ml-0 "
-    :class="style"
   >
     <v-flex xs12>
       <div class="caption grey--text">
@@ -41,9 +40,6 @@ export default {
       }
 
       return this.getWebuiSettings().busyTorrentProperties.filter(i => i.active)
-    },
-    style() {
-      return `sideborder ${this.torrent.state.toLowerCase()} ${this.isSelected ? 'selected' : ''}`
     }
   }
 }

src/components/Torrent/MobileCard.vue

@@ -3,7 +3,6 @@
     row
     wrap
     class="ma-0 pa-1"
-    :class="style"
   >
     <v-flex xs12 class="ma-1" row>
       <span class="subtitle-1" style="line-height: 1.3em; font-size: .95em !important;">
@@ -87,11 +86,6 @@ export default {
   },
   data: () => ({
     mdiChevronUp, mdiChevronDown
-  }),
+  })
-  computed: {
-    style() {
-      return `sideborder ${this.torrent.state.toLowerCase()} ${this.isSelected ? 'selected' : ''}`
-    }
-  }
 }
 </script>

src/components/Torrent/Torrent.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card
     class="pointer noselect elevation-0 rounded-0 ma-0 pa-0"
-    :class="isSelected ? 'info' : ''"
+    :class="style"
   >
     <v-layout
       @click="evtClicnk"
@@ -33,6 +33,9 @@ export default {
     ...mapState(['selected_torrents', 'selectMode']),
     isSelected() {
       return this.selected_torrents.includes(this.torrent.hash)
+    },
+    style() {
+      return `sideborder ${this.torrent.state.toLowerCase()} ${this.isSelected ? 'v-chip' : ''}`
     }
   },
   methods: {