performance: softer red color #155

src/components/Modals/SearchModal/SearchModal.vue

@@ -10,33 +10,31 @@
       <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="py-1 px-2 mx-auto">
-            <v-flex row class="mx-auto">
+            <v-text-field
-              <v-text-field
+              v-model="searchForm.pattern"
-                v-model="searchForm.pattern"
+              :prepend-inner-icon="mdiMagnify"
-                :prepend-inner-icon="mdiMagnify"
+              label="Search"
-                label="Search"
+              :rules="[v => !!v || 'Searchterm is required']"
-                :rules="[v => !!v || 'Searchterm is required']"
+              clearable
-                clearable
+              style="width: 70%"
-                style="width: 70%"
+              @keydown.enter="$refs.searchButton.click"
-                @keydown.enter="$refs.searchButton.click"
+            />
-              />
+            <v-spacer />
-              <v-spacer />
+            <v-btn
-              <v-btn
+              ref="searchButton"
-                ref="searchButton"
+              :disabled="!searchForm.valid"
-                :disabled="!searchForm.valid"
+              :color="loading ? 'warning' : 'primary'"
-                :color="loading ? 'warning' : 'primary'"
+              @click="loading ? stopSearch() : startSearch()"
-                @click="loading ? stopSearch() : startSearch()"
+            >
-              >
+              {{ loading ? "Stop" : "Search" }}
-                {{ loading ? "Stop" : "Search" }}
+            </v-btn>
-              </v-btn>
+          </v-flex>
-            </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"
+        class="ml-2 red--text"
-        style="font-size: 1em; color: red"
+        style="font-size: 1em;"
       >
         Delete
       </v-list-item-title>
@@ -45,8 +45,8 @@
         {{ mdiDeleteForever }}
       </v-icon>
       <v-list-item-title
-        class="ml-2"
+        class="ml-2 red--text"
-        style="font-size: 1em; color: red"
+        style="font-size: 1em;"
       >
         Delete with files
       </v-list-item-title>
@@ -220,7 +220,7 @@
         <v-list-item @click="setLimit('upload')">
           <v-icon>{{ mdiChevronUp }}</v-icon>
           <v-list-item-title class="ml-2">
-            Upload    
+            Upload
           </v-list-item-title>
         </v-list-item>
       </v-list>
@@ -280,7 +280,7 @@ export default {
     },
     hashes() {
       if (this.multiple) return this.selected_torrents
-      
+
       return [this.torrent.hash]
     },
     multiple() {

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
       }
     }