Place card surface color behind feature flag

REDMINE-21001

Author: tf

entry_types/scrolled/package/src/editor/views/EditSectionView.js

@@ -152,14 +152,16 @@ export const EditSectionView = EditConfigurationView.extend({
           (!exposeMotifArea || motifAreaDisabled(motifAreaDisabledBindingValues)) && backdropType !== 'contentElement'
       });
 
-      this.input('cardSurfaceColor', ColorInputView, {
-        visibleBinding: 'appearance',
-        visibleBindingValue: 'cards',
-        placeholder: I18n.t('pageflow_scrolled.editor.edit_section.attributes.cardSurfaceColor.auto'),
-        placeholderColorBinding: 'invert',
-        placeholderColor: invert => invert ? '#101010' : '#ffffff',
-        swatches: entry.getUsedSectionBackgroundColors()
-      });
+      if (features.isEnabled('custom_palette_colors')) {
+        this.input('cardSurfaceColor', ColorInputView, {
+          visibleBinding: 'appearance',
+          visibleBindingValue: 'cards',
+          placeholder: I18n.t('pageflow_scrolled.editor.edit_section.attributes.cardSurfaceColor.auto'),
+          placeholderColorBinding: 'invert',
+          placeholderColor: invert => invert ? '#101010' : '#ffffff',
+          swatches: entry.getUsedSectionBackgroundColors()
+        });
+      }
 
       this.view(SeparatorView);