diff --git a/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl b/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl
index 52b5db168..96d02f793 100644
--- a/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl
+++ b/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl
@@ -6,12 +6,12 @@
 @import "./dynamic-theme/custom-background-color";
 @import "./dynamic-theme/custom-text-color";
 
-$primary-color: map-get($theme-config, 'primary-color');
-$accent-color: map-get($theme-config, 'accent-color');
-$background-color: map-get($theme-config, 'background-color');
-$text-color: map-get($theme-config, 'text-color');
-$base-font-size: map-get($theme-config, 'base-font-size');
-$font-family: map-get($theme-config, 'font-family');
+$primary-color: map-get($theme-config, 'primaryColor');
+$accent-color: map-get($theme-config, 'accentColor');
+$background-color: map-get($theme-config, 'backgroundColor');
+$text-color: map-get($theme-config, 'textColor');
+$base-font-size: map-get($theme-config, 'baseFontSize');
+$font-family: map-get($theme-config, 'fontFamily');
 
 $alfresco-typography: get-mat-typography(
   $base-font-size,
diff --git a/app/src/app/ui/dynamic-theme/theme-configuration.scss.tpl b/app/src/app/ui/dynamic-theme/theme-configuration.scss.tpl
index 9e5b51efb..b96d9a679 100644
--- a/app/src/app/ui/dynamic-theme/theme-configuration.scss.tpl
+++ b/app/src/app/ui/dynamic-theme/theme-configuration.scss.tpl
@@ -1,14 +1,14 @@
 /*
-    Specify theme parameters e.g.:
+Specify theme parameters e.g.:
 
-    $theme-config: (
-        primary-color: #5175d2,
-        background-color: #FAFAFA,
-        text-color: #793942,
-        accent-color: #C64F73,
-        base-font-size: 26px,
-        font-family: Cursive
-    );
+$theme-config: (
+    primaryColor: #5175d2,
+    backgroundColor: #FAFAFA,
+    textColor: #793942,
+    accentColor: #C64F73,
+    baseFontSize: 26px,
+    fontFamily: Cursive
+);
 */
 
 ${THEME_CONFIGURATION}