diff --git a/themes/app-theme.js b/themes/app-theme.js
index 2ee7f2841..f6b5db0f5 100644
--- a/themes/app-theme.js
+++ b/themes/app-theme.js
@@ -4,39 +4,39 @@ import Aura from 'primevue/themes/aura';
 const Noir = definePreset(Aura, {
     semantic: {
         primary: {
-            50: '{emerald.50}',
-            100: '{emerald.100}',
-            200: '{emerald.200}',
-            300: '{emerald.300}',
-            400: '{emerald.400}',
-            500: '{emerald.500}',
-            600: '{emerald.600}',
-            700: '{emerald.700}',
-            800: '{emerald.800}',
-            900: '{emerald.900}',
-            950: '{emerald.950}'
-        } /*,
+            50: '{zinc.50}',
+            100: '{zinc.100}',
+            200: '{zinc.200}',
+            300: '{zinc.300}',
+            400: '{zinc.400}',
+            500: '{zinc.500}',
+            600: '{zinc.600}',
+            700: '{zinc.700}',
+            800: '{zinc.800}',
+            900: '{zinc.900}',
+            950: '{zinc.950}'
+        },
         colorScheme: {
             light: {
                 primary: {
-                    color: '#09090b',
+                    color: '{zinc.950}',
                     inverseColor: '#ffffff',
-                    hoverColor: '#18181b',
-                    activeColor: '#27272a'
+                    hoverColor: '{zinc.900}',
+                    activeColor: '{zinc.800}'
                 },
                 highlight: {
-                    background: '#09090b',
-                    focusBackground: '#3f3f46',
+                    background: '{zinc.950}',
+                    focusBackground: '{zinc.700}',
                     color: '#ffffff',
                     focusColor: '#ffffff'
                 }
             },
             dark: {
                 primary: {
-                    color: '#fafafa',
-                    inverseColor: '#09090b',
-                    hoverColor: '#f4f4f5',
-                    activeColor: '#e4e4e7'
+                    color: '{zinc.50}',
+                    inverseColor: '{zinc.950}',
+                    hoverColor: '{zinc.100}',
+                    activeColor: '{zinc.200}'
                 },
                 highlight: {
                     background: 'rgba(250, 250, 250, .16)',
@@ -45,7 +45,7 @@ const Noir = definePreset(Aura, {
                     focusColor: 'rgba(255,255,255,.87)'
                 }
             }
-        }*/
+        }
     }
 });