diff --git a/src/components/Dashboard/Torrent.vue b/src/components/Dashboard/Torrent.vue
index fb1690e2..4e75a79e 100644
--- a/src/components/Dashboard/Torrent.vue
+++ b/src/components/Dashboard/Torrent.vue
@@ -64,7 +64,7 @@ const isTorrentSelected = computed(() => dashboardStore.isTorrentInSelection(pro
 </script>
 
 <template>
-  <v-card :class="`sideborder ${torrent.state} pointer`" :color="isTorrentSelected ? `torrent-${torrent.state}` : undefined" width="100%" @click="onClick">
+  <v-card :class="`sideborder ${torrent.state} pointer`" :color="isTorrentSelected ? `torrent-${torrent.state}-darken-3` : undefined" width="100%" @click="onClick">
     <v-card-title class="font-weight-bold">{{ torrent.name }}</v-card-title>
     <v-card-text>
       <div class="d-flex gap flex-wrap">
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index 59b83194..bfa32d81 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -83,6 +83,11 @@ export default createVuetify({
   },
   theme: {
     defaultTheme: Theme.LIGHT,
+    variations: {
+      colors: ['torrent-error', 'torrent-missingFiles', 'torrent-uploading', 'torrent-forcedUP', 'torrent-pausedUP', 'torrent-queuedUP', 'torrent-stalledUP', 'torrent-checkingUP', 'torrent-allocating', 'torrent-downloading', 'torrent-forcedDL', 'torrent-metaDL', 'torrent-pausedDL', 'torrent-queuedDL', 'torrent-stalledDL', 'torrent-checkingDL', 'torrent-checkingResumeData', 'torrent-moving', 'torrent-unknown'],
+      lighten: 3,
+      darken: 3
+    },
     themes: {
       lightTheme,
       darkTheme