diff --git a/connect/community/CustomizationOptions.ts b/connect/community/CustomizationOptions.ts
index 3cb0d7da..f6838fe2 100644
--- a/connect/community/CustomizationOptions.ts
+++ b/connect/community/CustomizationOptions.ts
@@ -23,7 +23,7 @@ export class Layout {
         variables['@global-background'] = Layout.convertRGBAtoRGB(options.backgrounds.light.color);
         variables['@hero-background-image'] = (options.backgrounds.form.imageFile ? (this.getUrl(properties.utilsService + '/download/' + options.backgrounds.form.imageFile)) : 'none');
         variables['@hero-background-position'] = options.backgrounds.form.position;
-        variables['@hero-fonts-mode'] = options.backgrounds.form.fontsDarkMode?'dark':'light';
+        variables['@hero-fonts-mode'] = options.backgrounds.form.fontsDarkMode == true ?'dark':'light';
       }
       if (options.buttons) {
         //general
@@ -197,7 +197,7 @@ export class CustomizationOptions {
       if (!current.backgrounds.form.position) {
         current.backgrounds.form.position = "center bottom"
       }
-      if (!current.backgrounds.form.fontsDarkMode) {
+      if (current.backgrounds.form.fontsDarkMode == undefined) {
         current.backgrounds.form.fontsDarkMode = true;
       }
       if (!current.buttons) {