diff --git a/layouts/AppConfigurator.vue b/layouts/AppConfigurator.vue
index fbc2dc93f..c24b143c0 100755
--- a/layouts/AppConfigurator.vue
+++ b/layouts/AppConfigurator.vue
@@ -142,8 +142,8 @@ export default {
                                 primary: {
                                     color: '{primary.950}',
                                     contrastColor: '#ffffff',
-                                    hoverColor: '{primary.900}',
-                                    activeColor: '{primary.800}'
+                                    hoverColor: '{primary.800}',
+                                    activeColor: '{primary.700}'
                                 },
                                 highlight: {
                                     background: '{primary.950}',
@@ -156,8 +156,8 @@ export default {
                                 primary: {
                                     color: '{primary.50}',
                                     contrastColor: '{primary.950}',
-                                    hoverColor: '{primary.100}',
-                                    activeColor: '{primary.200}'
+                                    hoverColor: '{primary.200}',
+                                    activeColor: '{primary.300}'
                                 },
                                 highlight: {
                                     background: '{primary.50}',
diff --git a/themes/app-theme.js b/themes/app-theme.js
index 290801959..a680f2120 100644
--- a/themes/app-theme.js
+++ b/themes/app-theme.js
@@ -21,8 +21,8 @@ const Noir = definePreset(Aura, {
                 primary: {
                     color: '{primary.950}',
                     contrastColor: '#ffffff',
-                    hoverColor: '{primary.900}',
-                    activeColor: '{primary.800}'
+                    hoverColor: '{primary.800}',
+                    activeColor: '{primary.700}'
                 },
                 highlight: {
                     background: '{primary.950}',
@@ -35,8 +35,8 @@ const Noir = definePreset(Aura, {
                 primary: {
                     color: '{primary.50}',
                     contrastColor: '{primary.950}',
-                    hoverColor: '{primary.100}',
-                    activeColor: '{primary.200}'
+                    hoverColor: '{primary.200}',
+                    activeColor: '{primary.300}'
                 },
                 highlight: {
                     background: '{primary.50}',