[web] Reduce the amount of colours

web-src/src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <navbar-top />
-  <vue-progress-bar class="has-background-info" />
+  <vue-progress-bar class="has-background-primary" />
   <router-view v-slot="{ Component }">
     <component :is="Component" />
   </router-view>

web-src/src/components/ControlPlayerConsume.vue

@@ -1,5 +1,5 @@
 <template>
-  <a :class="{ 'is-info': is_consume }" @click="toggle">
+  <a :class="{ 'is-dark': is_consume }" @click="toggle">
     <mdicon
       class="icon"
       name="fire"

web-src/src/components/ControlPlayerLyrics.vue

@@ -1,5 +1,5 @@
 <template>
-  <a :class="{ 'is-info': is_active }" @click="toggle">
+  <a :class="{ 'is-dark': is_active }" @click="toggle">
     <mdicon
       class="icon"
       :name="icon"

web-src/src/components/ControlPlayerRepeat.vue

@@ -1,5 +1,5 @@
 <template>
-  <a :class="{ 'is-info': !is_repeat_off }" @click="toggle">
+  <a :class="{ 'is-dark': !is_repeat_off }" @click="toggle">
     <mdicon
       class="icon"
       :name="icon"

web-src/src/components/ControlPlayerShuffle.vue

@@ -1,5 +1,5 @@
 <template>
-  <a :class="{ 'is-info': is_shuffle }" @click="toggle">
+  <a :class="{ 'is-dark': is_shuffle }" @click="toggle">
     <mdicon
       class="icon"
       :name="icon"

web-src/src/components/ListTracks.vue

@@ -34,7 +34,7 @@
         <div class="is-size-7 has-text-grey" v-text="item.item.album" />
         <progress
           v-if="show_progress && item.item.seek_ms > 0"
-          class="progress is-info"
+          class="progress is-dark"
           :max="item.item.length_ms"
           :value="item.item.seek_ms"
         />

web-src/src/pages/PageQueue.vue

@@ -12,7 +12,7 @@
         <div class="buttons is-centered">
           <button
             class="button is-small is-rounded"
-            :class="{ 'is-info': show_only_next_items }"
+            :class="{ 'is-dark': show_only_next_items }"
             @click="update_show_next_items"
           >
             <mdicon class="icon" name="arrow-collapse-down" size="16" />
@@ -27,7 +27,7 @@
           </button>
           <button
             class="button is-small is-rounded"
-            :class="{ 'is-info': edit_mode }"
+            :class="{ 'is-dark': edit_mode }"
             :disabled="queue_items.length === 0"
             @click="edit_mode = !edit_mode"
           >

web-src/src/pages/PageSettingsOnlineServices.vue

@@ -106,7 +106,7 @@
                 </div>
                 <div class="control">
                   <button
-                    class="button is-info"
+                    class="button"
                     type="submit"
                     v-text="$t('page.settings.services.login')"
                   />

web-src/src/pages/PageSettingsRemotesOutputs.vue

@@ -24,7 +24,7 @@
               </div>
               <div class="control">
                 <button
-                  class="button is-info"
+                  class="button"
                   type="submit"
                   v-text="$t('page.settings.devices.send')"
                 />
@@ -75,7 +75,7 @@
               </div>
               <div class="control">
                 <button
-                  class="button is-info"
+                  class="button"
                   type="submit"
                   v-text="$t('page.settings.devices.verify')"
                 />