diff --git a/web-src/src/App.vue b/web-src/src/App.vue
index f2bb5196..88b5495b 100644
--- a/web-src/src/App.vue
+++ b/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>
diff --git a/web-src/src/components/ControlPlayerConsume.vue b/web-src/src/components/ControlPlayerConsume.vue
index 3be17a34..6f01a994 100644
--- a/web-src/src/components/ControlPlayerConsume.vue
+++ b/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"
diff --git a/web-src/src/components/ControlPlayerLyrics.vue b/web-src/src/components/ControlPlayerLyrics.vue
index 5bacbed2..97d0285b 100644
--- a/web-src/src/components/ControlPlayerLyrics.vue
+++ b/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"
diff --git a/web-src/src/components/ControlPlayerRepeat.vue b/web-src/src/components/ControlPlayerRepeat.vue
index c4970919..aa3a561c 100644
--- a/web-src/src/components/ControlPlayerRepeat.vue
+++ b/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"
diff --git a/web-src/src/components/ControlPlayerShuffle.vue b/web-src/src/components/ControlPlayerShuffle.vue
index ab61c705..3b1a7f59 100644
--- a/web-src/src/components/ControlPlayerShuffle.vue
+++ b/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"
diff --git a/web-src/src/components/ListTracks.vue b/web-src/src/components/ListTracks.vue
index d63a13c1..7062a53b 100644
--- a/web-src/src/components/ListTracks.vue
+++ b/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"
         />
diff --git a/web-src/src/pages/PageQueue.vue b/web-src/src/pages/PageQueue.vue
index d44f729f..bb214371 100644
--- a/web-src/src/pages/PageQueue.vue
+++ b/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"
           >
diff --git a/web-src/src/pages/PageSettingsOnlineServices.vue b/web-src/src/pages/PageSettingsOnlineServices.vue
index db132db2..47fa2416 100644
--- a/web-src/src/pages/PageSettingsOnlineServices.vue
+++ b/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')"
                   />
diff --git a/web-src/src/pages/PageSettingsRemotesOutputs.vue b/web-src/src/pages/PageSettingsRemotesOutputs.vue
index a122b082..daa1cf7b 100644
--- a/web-src/src/pages/PageSettingsRemotesOutputs.vue
+++ b/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')"
                 />