From 58ed6e11aa4a876adceea2995f84681be06ea3b4 Mon Sep 17 00:00:00 2001
From: CzBiX <gliuwr@gmail.com>
Date: Wed, 1 Apr 2020 17:00:15 +0800
Subject: [PATCH] Tweak dark mode color

#9
---
 src/assets/styles.scss      |  9 +++++++++
 src/components/Torrents.vue | 11 ++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/assets/styles.scss b/src/assets/styles.scss
index 3a6579c..a97d054 100644
--- a/src/assets/styles.scss
+++ b/src/assets/styles.scss
@@ -7,3 +7,12 @@
     }
   }
 }
+
+@mixin dark-mode-value($light, $dark) {
+  &.theme--light {
+    @content($light);
+  }
+  &.theme--dark {
+    @content($dark);
+  }
+}
\ No newline at end of file
diff --git a/src/components/Torrents.vue b/src/components/Torrents.vue
index 2e7e28c..f80b04e 100644
--- a/src/components/Torrents.vue
+++ b/src/components/Torrents.vue
@@ -561,7 +561,7 @@ export default class Torrents extends Vue {
   flex: 1;
   position: relative;
 
-  @include theme(v-data-table) using ($material) {
+  .v-data-table {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -584,8 +584,13 @@ export default class Torrents extends Vue {
       padding-left: 4px;
     }
 
-    tr:nth-child(2n) {
-      background-color: map-deep-get($material, 'table', 'hover');
+    @include dark-mode-value(
+      map-deep-get($material-light, 'table', 'hover'),
+      map-get($material-dark-elevation-colors, '4'),
+    ) using ($color) {
+      tr:nth-child(2n) {
+        background-color: $color;
+      }
     }
 
     td {