edit search theme

NUXT/components/searchOverlay.vue

@@ -1,16 +1,21 @@
 <template>
   <div>
+
+
     <v-text-field
       label="Search"
       v-model="text"
       @input="textChanged"
       class="searchBar"
     />
-    <v-list style="min-width: 180px;">
+
+    <div style="min-width: 180px;">
       <v-list-item v-for="(item, index) in response" :key="index">
-        <v-btn text style="width: 100%;" class="info--text">{{ item[0] }}</v-btn>
+        <v-btn text dense class="info--text searchButton text-left" @click="search(item)" v-text="item[0]" />
       </v-list-item>
-    </v-list>
+    </div>
+
+
   </div>
 </template>
 
@@ -18,6 +23,10 @@
 .searchBar {
   margin: 0 1em 1em 1em;
 }
+.searchButton {
+  width: 100%;
+  justify-content: left !important;
+}
 </style>
 
 <script>
@@ -35,6 +44,10 @@ export default {
         const data = res.data.replace(/^.*?\(/,'').replace(/\)$/,''); //Format Response
         this.response = JSON.parse(data)[1]
       });
+    },
+
+    search(item) {
+      console.log(item);
     }
   }
 

NUXT/pages/settings.vue

@@ -42,7 +42,7 @@ export default {
   methods: {
     amoled () {
       this.$vuetify.theme.themes.dark.background === '#000' ? (
-        this.$vuetify.theme.themes.dark.accent = '#444',
+        this.$vuetify.theme.themes.dark.accent = '#222',
         this.$vuetify.theme.themes.dark.background = '#222'
        ) : (
         this.$vuetify.theme.themes.dark.accent = '#000',