diff --git a/apps/showcase/components/layout/AppDesigner.vue b/apps/showcase/components/layout/AppDesigner.vue
index b458e6452..9507f282b 100644
--- a/apps/showcase/components/layout/AppDesigner.vue
+++ b/apps/showcase/components/layout/AppDesigner.vue
@@ -37,7 +37,8 @@ export default {
                 saveTheme: this.saveTheme,
                 downloadTheme: this.downloadTheme,
                 applyTheme: this.applyTheme,
-                applyFont: this.applyFont
+                applyFont: this.applyFont,
+                replaceColorPalette: this.replaceColorPalette
             }
         };
     },
@@ -171,6 +172,11 @@ export default {
             } catch (error) {
                 // silent fail as some fonts may have not all the font weights
             }
+        },
+        replaceColorPalette() {
+            this.$appState.designer.theme.preset.semantic.primary = this.$appState.designer.theme.preset.primitive.emerald;
+            this.$appState.designer.theme.preset.semantic.colorScheme.light.surface = { ...{ 0: '#ffffff' }, ...this.$appState.designer.theme.preset.primitive.slate };
+            this.$appState.designer.theme.preset.semantic.colorScheme.dark.surface = { ...{ 0: '#ffffff' }, ...this.$appState.designer.theme.preset.primitive.zinc };
         }
     },
     computed: {
diff --git a/apps/showcase/components/layout/designer/create/DesignCreateTheme.vue b/apps/showcase/components/layout/designer/create/DesignCreateTheme.vue
index 7b8193dd0..5a50a0aa8 100644
--- a/apps/showcase/components/layout/designer/create/DesignCreateTheme.vue
+++ b/apps/showcase/components/layout/designer/create/DesignCreateTheme.vue
@@ -82,11 +82,6 @@ export default {
         };
     },
     methods: {
-        replaceColorPalette() {
-            this.$appState.designer.theme.preset.semantic.primary = this.$appState.designer.theme.preset.primitive.emerald;
-            this.$appState.designer.theme.preset.semantic.colorScheme.light.surface = { ...{ 0: '#ffffff' }, ...this.$appState.designer.theme.preset.primitive.slate };
-            this.$appState.designer.theme.preset.semantic.colorScheme.dark.surface = { ...{ 0: '#ffffff' }, ...this.$appState.designer.theme.preset.primitive.zinc };
-        },
         async createThemeFromPreset() {
             const newPreset = presets[this.basePreset];
 
@@ -187,7 +182,7 @@ export default {
                     fontFamily: 'Inter var'
                 }
             };
-            this.replaceColorPalette();
+            this.designerService.replaceColorPalette();
             usePreset(preset);
             this.designerService.refreshACTokens();
 
diff --git a/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue b/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue
index 886d1c3c0..8907bf2e4 100644
--- a/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue
+++ b/apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue
@@ -195,6 +195,7 @@ export default {
                 usePreset(this.$appState.designer.theme.preset);
                 this.designerService.applyFont(this.$appState.designer.theme.config.fontFamily);
                 document.documentElement.style.fontSize = this.$appState.designer.theme.config.fontSize;
+                this.designerService.replaceColorPalette();
                 this.designerService.refreshACTokens();
                 this.$appState.designer.activeView = 'editor';
             }
diff --git a/apps/showcase/components/layout/designer/editor/settings/DesignSettings.vue b/apps/showcase/components/layout/designer/editor/settings/DesignSettings.vue
index e0eca339f..2403169a1 100644
--- a/apps/showcase/components/layout/designer/editor/settings/DesignSettings.vue
+++ b/apps/showcase/components/layout/designer/editor/settings/DesignSettings.vue
@@ -77,18 +77,19 @@ export default {
                 'Noto Sans Display',
                 'Nunito',
                 'Nunito Sans',
+                'Onest',
                 'Open Sans',
+                'Outfit',
                 'Poppins',
                 'PT Sans',
                 'Public Sans',
                 'Quicksand',
                 'Raleway',
                 'Roboto',
-                'Signika',
                 'Source Sans Pro',
                 'Space Grotesk',
+                'Spline Sans',
                 'Titillium Web',
-                'Ubuntu Condensed',
                 'Ubuntu Sans'
             ]
         };