Update interface.js

interface.js

@@ -94,6 +94,7 @@ const currentScriptTag = document.currentScript;
           data-dr="${c.color[0]}" data-dg="${c.color[1]}" data-db="${c.color[2]}"
           data-er="${c.emit[0]}" data-eg="${c.emit[1]}" data-eb="${c.emit[2]}"
           data-boolTrans="${c.boolTrans}"
+          data-ColorBgR= "${c.colorBg[0]}" data-ColorBgG= "${c.colorBg[1]}" data-ColorBgB= "${c.colorBg[2]}"
           aria-label="${c.title}"
           title="${c.title}"
           tabindex="0"
@@ -455,8 +456,11 @@ const currentScriptTag = document.currentScript;
         const er = parseFloat(btn.getAttribute('data-er'));
         const eg = parseFloat(btn.getAttribute('data-eg'));
         const eb = parseFloat(btn.getAttribute('data-eb'));
-        const bt = parseFloat(btn.getAttribute('data-boolTrans'))
-        viewerModule.changeColor(dr, dg, db, er, eg, eb, bt);
+        const bt = parseFloat(btn.getAttribute('data-boolTrans'));
+        const bgR = parseFloat(btn.getAttribute('data-ColorBgR'));
+        const bgG = parseFloat(btn.getAttribute('data-ColorBgG'));
+        const bgB = parseFloat(btn.getAttribute('data-ColorBgB'));
+        viewerModule.changeColor(dr, dg, db, er, eg, eb, bt, bgR, bgG, bgB);
       }
       closeColorPanel();
     });