Fixing body PI background getter

1 files changed, 14 insertions, 3 deletions

diff --git a/js/panels/properties.reel/properties.js b/js/panels/properties.reel/properties.js
index c8383307..b2941fe8 100755
--- a/js/panels/properties.reel/properties.js
+++ b/js/panels/properties.reel/properties.js
@@ -296,9 +296,20 @@ exports.Properties = Montage.create(Component, {
 
                 // Root element color chip
                 if(isRoot) {
-                    var backgroundChip = this.customSections[0].content.controls["background"];
-                    var rootBackgroundColor = ElementsMediator.getProperty(el, "background");
-
+                        //
+                    var rootBackgroundColor, backgroundChip = this.customSections[0].content.controls["background"];
+                    //
+                    if (ElementsMediator.getProperty(el, "background-image")) {
+                            rootBackgroundColor = ElementsMediator.getProperty(el, "background-image");
+                            if (!rootBackgroundColor.mode) rootBackgroundColor = null;
+                    } else if (ElementsMediator.getProperty(el, "background-color")){
+                            rootBackgroundColor = ElementsMediator.getProperty(el, "background-color");
+                            if (!rootBackgroundColor.mode) rootBackgroundColor = null;
+                    } else if (ElementsMediator.getProperty(el, "background")){
+                            rootBackgroundColor = ElementsMediator.getProperty(el, "background");
+                            if (!rootBackgroundColor.mode) rootBackgroundColor = null;
+                    }
+                    //
                     if(rootBackgroundColor) {
                         backgroundChip.color = rootBackgroundColor;
                     } else {