Update interface.js

interface.js

@@ -83,10 +83,11 @@ const currentScriptTag = document.currentScript;
 
   // Color choices: add more as needed
   const colorChoices = [
-    { title: "Blanc", color: [1, 1, 1], emit: [1, 1, 1], opacity: 0.9, swatch: "#fff" },
-    { title: "Rouge", color: [0.7, 0.05, 0.05], emit: [0.372, 0.07, 0.003], opacity: 0.9, swatch: "#d00" },
+    { title: "Blanc", color: [1, 1, 1], emit: [1, 1, 1], opacity: 0.9, boolTrans: 0, swatch: "#fff" },
+    { title: "Rouge", color: [0.7, 0.05, 0.05], emit: [0.372, 0.07, 0.003], opacity: 0.9, boolTrans: 0, swatch: "#d00" },
     { title: "Vert", color: [0, 1, 0.07], emit: [0, 0.7, 0.05], opacity: 0.9, swatch: "#18c560" },
-    { title: "Rose", color: [1, 0.15, 0.108], emit: [0.991112, 0.45, 0.891], opacity: 0.9, swatch: "#E49CCFFF"}
+    { title: "Rose", color: [1, 0.15, 0.108], emit: [0.991112, 0.45, 0.891], opacity: 0.9, boolTrans: 0, swatch: "#E49CCFFF"},
+    { title: "Rose", color: [1, 0.15, 0.108], emit: [0.991112, 0.45, 0.891], opacity: 0.9, boolTrans: 1, swatch: "#E49CCFFF"}
     // Add more: { title: "...", color: [r, g, b], swatch: "#hex" }
   ];
 
@@ -100,6 +101,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-a ="${c.opacity}"
+          data-boolTrans="${c.boolTrans}"
           aria-label="${c.title}"
           title="${c.title}"
           tabindex="0"
@@ -462,7 +464,8 @@ 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'));
-        viewerModule.changeColor(dr, dg, db, a, er, eg, eb);
+        const bt = parseFloat(btn.getAttribute('data-boolTrans'))
+        viewerModule.changeColor(dr, dg, db, a, er, eg, eb, bt);
       }
       closeColorPanel();
     });