performance: softer red color #155

src/components/Modals/SearchModal/SearchModal.vue

@@ -10,13 +10,12 @@
       <v-card-title class="justify-center">
         <h2>Search</h2>
       </v-card-title>
-      <v-card-text>
+      <v-card-text class="pa-0">
         <v-form
           ref="form"
           v-model="searchForm.valid"
         >
-          <v-container fluid>
-            <v-flex row class="mx-auto">
+          <v-flex row class="py-1 px-2 mx-auto">
             <v-text-field
               v-model="searchForm.pattern"
               :prepend-inner-icon="mdiMagnify"
@@ -36,7 +35,6 @@
               {{ loading ? "Stop" : "Search" }}
             </v-btn>
           </v-flex>
-          </v-container>
         </v-form>
         <perfect-scrollbar>
           <v-data-table

src/components/Torrent/TorrentRightClickMenu.vue

@@ -34,8 +34,8 @@
         {{ mdiDelete }}
       </v-icon>
       <v-list-item-title
-        class="ml-2"
-        style="font-size: 1em; color: red"
+        class="ml-2 red--text"
+        style="font-size: 1em;"
       >
         Delete
       </v-list-item-title>
@@ -45,8 +45,8 @@
         {{ mdiDeleteForever }}
       </v-icon>
       <v-list-item-title
-        class="ml-2"
-        style="font-size: 1em; color: red"
+        class="ml-2 red--text"
+        style="font-size: 1em;"
       >
         Delete with files
       </v-list-item-title>

src/plugins/vuetify.js

@@ -20,12 +20,14 @@ export default new Vuetify({
         accent: variables.download,
         background: colors.grey.lighten4,
         selected: colors.grey.lighten2,
+        red: colors.red.accent2,
         ...variables
       },
       dark: {
         accent: variables.download,
         background: colors.black,
         selected: colors.grey.darken1,
+        red: colors.red.accent3,
         ...variables
       }
     }