diff --git a/components/lib/themes/actions/index.js b/components/lib/themes/actions/index.js
index 21d1646d8..80b4352ea 100644
--- a/components/lib/themes/actions/index.js
+++ b/components/lib/themes/actions/index.js
@@ -1,6 +1,6 @@
 export { default as definePreset } from './definePreset';
 export { default as updatePreset } from './updatePreset';
-export { default as updatePrimary } from './updatePrimary';
-export { default as updateSurface } from './updateSurface';
+export { default as updatePrimaryPalette } from './updatePrimaryPalette';
+export { default as updateSurfacePalette } from './updateSurfacePalette';
 export { default as usePreset } from './usePreset';
 export { default as useTheme } from './useTheme';
diff --git a/components/lib/themes/actions/updatePrimary.js b/components/lib/themes/actions/updatePrimaryPalette.js
similarity index 100%
rename from components/lib/themes/actions/updatePrimary.js
rename to components/lib/themes/actions/updatePrimaryPalette.js
diff --git a/components/lib/themes/actions/updateSurface.js b/components/lib/themes/actions/updateSurfacePalette.js
similarity index 100%
rename from components/lib/themes/actions/updateSurface.js
rename to components/lib/themes/actions/updateSurfacePalette.js
diff --git a/layouts/AppConfigurator.vue b/layouts/AppConfigurator.vue
index eb8258014..9a5dee4f2 100755
--- a/layouts/AppConfigurator.vue
+++ b/layouts/AppConfigurator.vue
@@ -39,7 +39,7 @@
 
 <script>
 import EventBus from '@/layouts/AppEventBus';
-import { updatePreset, updateSurface } from 'primevue/themes';
+import { updatePreset, updateSurfacePalette } from 'primevue/themes';
 
 export default {
     data() {
@@ -88,16 +88,16 @@ export default {
                 },
                 {
                     name: 'soho',
-                    palette: { 0: '#ffffff', 50: '#f4f4f4', 100: '#e8e9e9', 200: '#d2d2d4', 300: '#bbbcbe', 400: '#a5a5a9', 500: '#8e8f93', 600: '#77787d', 700: '#616268', 800: '#4a4b52', 900: '#34343d', 950: '#1d1e27'}
+                    palette: { 0: '#ffffff', 50: '#f4f4f4', 100: '#e8e9e9', 200: '#d2d2d4', 300: '#bbbcbe', 400: '#a5a5a9', 500: '#8e8f93', 600: '#77787d', 700: '#616268', 800: '#4a4b52', 900: '#34343d', 950: '#1d1e27' }
                 },
                 {
                     name: 'viva',
-                    palette: { 0: '#ffffff', 50: '#f3f3f3', 100: '#e7e7e8', 200: '#cfd0d0', 300: '#b7b8b9', 400: '#9fa1a1', 500: '#87898a', 600: '#6e7173', 700: '#565a5b', 800: '#3e4244', 900: '#262b2c', 950: '#0e1315'}
+                    palette: { 0: '#ffffff', 50: '#f3f3f3', 100: '#e7e7e8', 200: '#cfd0d0', 300: '#b7b8b9', 400: '#9fa1a1', 500: '#87898a', 600: '#6e7173', 700: '#565a5b', 800: '#3e4244', 900: '#262b2c', 950: '#0e1315' }
                 },
                 {
                     name: 'ocean',
-                    palette: { 0: '#ffffff', 50: '#fbfcfc', 100: '#F7F9F8', 200: '#EFF3F2', 300: '#DADEDD', 400: '#B1B7B6', 500: '#828787', 600: '#5F7274', 700: '#415B61', 800: '#29444E', 900: '#183240', 950: '#0c1920'}
-                },
+                    palette: { 0: '#ffffff', 50: '#fbfcfc', 100: '#F7F9F8', 200: '#EFF3F2', 300: '#DADEDD', 400: '#B1B7B6', 500: '#828787', 600: '#5F7274', 700: '#415B61', 800: '#29444E', 900: '#183240', 950: '#0c1920' }
+                }
             ]
         };
     },
@@ -184,7 +184,7 @@ export default {
                     });
                 }
             } else if (type === 'surface') {
-                updateSurface(color.palette);
+                updateSurfacePalette(color.palette);
             }
 
             EventBus.emit('theme-palette-change');