Color updates

script.js

@@ -257,7 +257,7 @@ function configureScene(data) {
         let roomEdgesGeo = new THREE.EdgesGeometry(roomGeo)
         let roomLinesMaterial = new THREE.LineBasicMaterial({ color: new THREE.Color(metrics.color2) })
         roomLinesMaterial.transparent = true
-        roomLinesMaterial.linewidth = 3
+        roomLinesMaterial.linewidth = 4
         let roomLines = new THREE.LineSegments(roomEdgesGeo, roomLinesMaterial)
         roomLines.userData.name = "lines"
         roomContainer.add(roomLines)
@@ -267,7 +267,7 @@ function configureScene(data) {
         setPosition(roomContainer, room.x, room.y, roomZ, room.w, room.h, room.d)
         home.add(roomContainer)
 
-        let roomLabel = createTextMesh(room.name, metrics.color1)
+        let roomLabel = createTextMesh(room.name, metrics.color3)
         roomLabel.material.opacity = 0
         roomLabel.userData.name = room.name + "LABEL"
 
@@ -360,7 +360,7 @@ function configureScene(data) {
     let ringGeo = new THREE.RingGeometry(ringDimension - metrics.ringThickness / 2,
         ringDimension + metrics.ringThickness / 2,
         128)
-    let ringMaterial = new THREE.MeshBasicMaterial( { color: new THREE.Color(metrics.color3), side: THREE.DoubleSide } )
+    let ringMaterial = new THREE.MeshBasicMaterial( { color: new THREE.Color(metrics.color1), side: THREE.DoubleSide } )
     ringMaterial.transparent = true
     let ring = new THREE.Mesh(ringGeo, ringMaterial)
     ring.userData.name = "ring"
@@ -375,7 +375,7 @@ function configureScene(data) {
 
         let tickContainer = new THREE.Group()
         let tickColor = new THREE.Color('black')
-        let tickMaterial = new THREE.MeshPhysicalMaterial({ color: new THREE.Color(metrics.color4) })
+        let tickMaterial = new THREE.MeshPhysicalMaterial({ color: new THREE.Color(metrics.color2) })
         tickMaterial.transparent = true
         let tickMesh = new THREE.Mesh(tickGeo, tickMaterial)
         tickContainer.rotation.z = tickRadians