diff --git a/ui/app/pages/conditions.vue b/ui/app/pages/conditions.vue
index 143b48dc..97fa328e 100644
--- a/ui/app/pages/conditions.vue
+++ b/ui/app/pages/conditions.vue
@@ -41,7 +41,7 @@
               <header class="card-header">
                 <div class="card-header-title is-text-overflow is-block" v-text="cond.name" />
                 <div class="card-header-icon">
-                  <a class="has-text-primary" v-tooltip="'Export item.'" @click.prevent="exportItem(cond)">
+                  <a class="has-text-info" v-tooltip="'Export item.'" @click.prevent="exportItem(cond)">
                     <span class="icon"><i class="fa-solid fa-file-export" /></span>
                   </a>
                   <button @click="cond.raw = !cond.raw">
diff --git a/ui/app/pages/notifications.vue b/ui/app/pages/notifications.vue
index 3273a3b1..e10b1333 100644
--- a/ui/app/pages/notifications.vue
+++ b/ui/app/pages/notifications.vue
@@ -66,7 +66,7 @@ div.is-centered {
                   <NuxtLink target="_blank" :href="item.request.url">{{ item.name }}</NuxtLink>
                 </div>
                 <div class="card-header-icon">
-                  <a class="has-text-primary" v-tooltip="'Export target.'" @click.prevent="exportItem(item)">
+                  <a class="has-text-info" v-tooltip="'Export target.'" @click.prevent="exportItem(item)">
                     <span class="icon"><i class="fa-solid fa-file-export" /></span>
                   </a>
                   <button @click="item.raw = !item.raw">
diff --git a/ui/app/pages/presets.vue b/ui/app/pages/presets.vue
index 85712657..fcfb10d3 100644
--- a/ui/app/pages/presets.vue
+++ b/ui/app/pages/presets.vue
@@ -79,7 +79,7 @@ div.is-centered {
                     <td class="is-vcentered is-items-center">
                       <div class="field is-grouped is-grouped-centered">
                         <div class="control">
-                          <button class="button is-primary is-small is-fullwidth" v-tooltip="'Export'"
+                          <button class="button is-info is-small is-fullwidth" v-tooltip="'Export'"
                             @click="exportItem(item)">
                             <span class="icon"><i class="fa-solid fa-file-export" /></span>
                           </button>
@@ -111,7 +111,7 @@ div.is-centered {
               <header class="card-header">
                 <div class="card-header-title is-text-overflow is-block" v-text="item.name" />
                 <div class="card-header-icon">
-                  <button class="has-text-primary" v-tooltip="'Export'" @click="exportItem(item)">
+                  <button class="has-text-info" v-tooltip="'Export'" @click="exportItem(item)">
                     <span class="icon"><i class="fa-solid fa-file-export" /></span>
                   </button>
                   <button @click="item.raw = !item.raw">
diff --git a/ui/app/pages/tasks.vue b/ui/app/pages/tasks.vue
index 3aa4ccbc..b43d1598 100644
--- a/ui/app/pages/tasks.vue
+++ b/ui/app/pages/tasks.vue
@@ -190,7 +190,7 @@ div.is-centered {
                       </div>
 
                       <div class="control">
-                        <button class="button is-primary is-small is-fullwidth" v-tooltip="'Export'"
+                        <button class="button is-info is-small is-fullwidth" v-tooltip="'Export'"
                           @click="exportItem(item)">
                           <span class="icon"><i class="fa-solid fa-file-export" /></span>
                         </button>
@@ -235,16 +235,17 @@ div.is-centered {
                   <div class="control">
                     <span class="icon" v-tooltip="`${item.auto_start ? 'Auto' : 'Manual'} start`">
                       <i class="fa-solid"
-                        :class="{ 'fa-circle-pause': item.auto_start, 'fa-circle-play': !item.auto_start }" />
+                        :class="{ 'fa-circle-pause has-text-success': item.auto_start, 'fa-circle-play has-text-danger': !item.auto_start }" />
                     </span>
                   </div>
                   <div class="control">
                     <span class="icon" v-tooltip="`RSS monitoring is ${item.handler_enabled ? 'enabled' : 'disabled'}`">
-                      <i class="fa-solid fa-rss has-text-success" />
+                      <i class="fa-solid fa-rss"
+                        :class="{ 'has-text-success': item.handler_enabled, 'has-text-danger': !item.handler_enabled }" />
                     </span>
                   </div>
                   <div class="control">
-                    <a class="has-text-primary" v-tooltip="'Export task.'" @click.prevent="exportItem(item)">
+                    <a class="has-text-info" v-tooltip="'Export task.'" @click.prevent="exportItem(item)">
                       <span class="icon"><i class="fa-solid fa-file-export" /></span>
                     </a>
                   </div>