diff --git a/src/components/FavoriteModules.vue b/src/components/FavoriteModules.vue
index 6307bae85..1a01bd1c7 100644
--- a/src/components/FavoriteModules.vue
+++ b/src/components/FavoriteModules.vue
@@ -27,11 +27,11 @@ onMounted(() => {
                 stack
                 size="lg"
                 :icon="module.icon"
-                color="orange-6"
+                color="primary"
                 class="col-4 button"
                 :to="{ name: module.stateName }"
             >
-                <div class="text-center text-orange-6 button-text">
+                <div class="text-center text-primary button-text">
                     {{ t(`${module.name}.pageTitles.${module.title}`) }}
                 </div>
             </q-btn>
diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index a01e03586..75c821d74 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -28,7 +28,7 @@ async function onToggleFavoriteModule(moduleName, event) {
                 <q-item
                     clickable
                     v-ripple
-                    active-class="text-orange"
+                    active-class="text-primary"
                     :key="module.title"
                     :to="{ name: module.stateName }"
                     v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
@@ -48,7 +48,7 @@ async function onToggleFavoriteModule(moduleName, event) {
             <template v-if="module.children">
                 <q-expansion-item
                     class="module"
-                    active-class="text-orange"
+                    active-class="text-primary"
                     :label="t(`${module.name}.pageTitles.${module.title}`)"
                     v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
                     :to="{ name: module.stateName }"
@@ -68,7 +68,7 @@ async function onToggleFavoriteModule(moduleName, event) {
                         <q-item
                             clickable
                             v-ripple
-                            active-class="text-orange"
+                            active-class="text-primary"
                             :to="{ name: section.stateName }"
                             v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
                         >
@@ -93,7 +93,7 @@ async function onToggleFavoriteModule(moduleName, event) {
                         class="module"
                         clickable
                         v-ripple
-                        active-class="text-orange"
+                        active-class="text-primary"
                         :key="module.title"
                         :to="{ name: module.stateName }"
                         v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
@@ -117,7 +117,7 @@ async function onToggleFavoriteModule(moduleName, event) {
                 <template v-if="module.children">
                     <q-expansion-item
                         class="module"
-                        active-class="text-orange"
+                        active-class="text-primary"
                         :label="t(`${module.name}.pageTitles.${module.title}`)"
                         v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
                         :to="{ name: module.stateName }"
@@ -141,7 +141,7 @@ async function onToggleFavoriteModule(moduleName, event) {
                             <q-item
                                 clickable
                                 v-ripple
-                                active-class="text-orange"
+                                active-class="text-primary"
                                 :to="{ name: section.stateName }"
                                 v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
                             >
diff --git a/src/pages/Dashboard/Dashboard.vue b/src/pages/Dashboard/Dashboard.vue
index 1fc88bb67..d366a840c 100644
--- a/src/pages/Dashboard/Dashboard.vue
+++ b/src/pages/Dashboard/Dashboard.vue
@@ -44,7 +44,7 @@ const modules = useNavigation();
                                 class="col-4 button"
                                 :to="{ name: module.stateName }"
                             >
-                                <div class="text-center text-orange-6 button-text">
+                                <div class="text-center text-primary button-text">
                                     {{ t(`${module.name}.pageTitles.${module.title}`) }}
                                 </div>
                             </q-btn>
diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue
index 115c97ff9..625cf9689 100644
--- a/src/pages/Ticket/Card/TicketCard.vue
+++ b/src/pages/Ticket/Card/TicketCard.vue
@@ -28,7 +28,7 @@ async function fetch() {
 function stateColor(state) {
     if (state.code === 'OK') return 'text-green';
     if (state.code === 'FREE') return 'text-blue-3';
-    if (state.alertLevel === 1) return 'text-orange';
+    if (state.alertLevel === 1) return 'text-primary';
     if (state.alertLevel === 0) return 'text-red';
 }
 </script>