code refactor

src/styles/desktop/global.scss

@@ -110,11 +110,13 @@ input[type=number] {
         background: rgb(var(--v-table-header-background)) !important;
     }
 
-    tr:nth-child(even) {
+    tr.even-row {
         background: #fcfcfc;
     }
+}
 
-    tr.even-row {
+.v-table.table-striped {
+    tr:nth-child(even) {
         background: #fcfcfc;
     }
 
@@ -125,11 +127,15 @@ input[type=number] {
 
 .v-theme--dark {
     .v-table {
-        tr:nth-child(even) {
+        tr.even-row {
             background: #161616;
         }
+    }
+}
 
-        tr.even-row {
+.v-theme--dark {
+    .v-table.table-striped {
+        tr:nth-child(even) {
             background: #161616;
         }
     }

src/views/desktop/ExchangeRatesPage.vue

@@ -64,7 +64,7 @@
                                     </div>
                                 </template>
 
-                                <v-table>
+                                <v-table class="table-striped">
                                     <thead>
                                     <tr>
                                         <th class="text-uppercase">{{ $t('Currency') }}</th>

src/views/desktop/TransactionTagsPage.vue

@@ -35,7 +35,7 @@
                     </div>
                 </template>
 
-                <v-table class="transaction-tags-table">
+                <v-table class="transaction-tags-table table-striped">
                     <thead>
                     <tr>
                         <th class="text-uppercase" style="width: 50%">{{ $t('Tag Title') }}</th>

src/views/desktop/user/settings/UserSecuritySettingTab.vue

@@ -87,7 +87,7 @@
                     </div>
                 </template>
 
-                <v-table class="text-no-wrap">
+                <v-table class="table-striped text-no-wrap">
                     <thead>
                     <tr>
                         <th class="text-uppercase">{{ $t('Type') }}</th>