Update public/index.html

public/index.html

@@ -25,12 +25,12 @@ async function activateXR() {
 
 // The cube will have a different color on each side.
 const materials = [
+  new THREE.MeshBasicMaterial({color: 0xffd1dc}),
+  new THREE.MeshBasicMaterial({color: 0xb0e0e6}),
+  new THREE.MeshBasicMaterial({color: 0xafeeee}),
+  new THREE.MeshBasicMaterial({color: 0x98fb98}),
   new THREE.MeshBasicMaterial({color: 0xffb6c1}),
-  new THREE.MeshBasicMaterial({color: 0xff69b4}),
-  new THREE.MeshBasicMaterial({color: 0xff1493}),
-  new THREE.MeshBasicMaterial({color: 0xdb7093}),
-  new THREE.MeshBasicMaterial({color: 0xc71585}),
-  new THREE.MeshBasicMaterial({color: 0xffc0cb})
+  new THREE.MeshBasicMaterial({color: 0xffdab9})
 ];
 
 // Create the cube and add it to the demo scene.