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 {