Change default env settings

js/controllers/modal_controller.js

@@ -27,11 +27,12 @@ export default class extends Controller {
             content.classList.add('img-fluid');
         }
 
+        body.appendChild(content);
+
         const description = document.createElement('p');
         description.textContent = event.content?.description;
         description.classList.add('py-3', 'my-2', 'fst-italic');
 
-        body.appendChild(content);
         body.appendChild(description);
 
         bootstrap.Modal.getOrCreateInstance(modal).show();

js/scene.js

@@ -132,10 +132,10 @@ function loadNodes(nodes) {
  */
 function createSemanticNode(model, id) {
     // Default/highlight materials for semantic node
-    let matSemDef = new THREE.MeshPhongMaterial({
-        color: '#ecee66',
+    let matSemDef = new THREE.MeshStandardMaterial({
+        color: '#f7e6af',
         transparent: true,
-        opacity: 0.3,
+        opacity: 0.2,
     });
     let matSemHL  = ATON.MatHub.materials.semanticShapeHL;