Added a prop to control the phones color

bundle/vue-three-d-mockup.esm.js

@@ -116,7 +116,11 @@ var script = {
     },
     lightClr: {
       type: String,
-      default: 'hsl(0, 100%, 100%)',
+      default: 'white',
+    },
+    phoneClr: {
+      type: String,
+      default: 'white',
     },
   },
   setup(props) {
@@ -207,7 +211,7 @@ var script = {
             (body) => {
               body.traverse((child) => {
                 if (child instanceof THREE.Mesh) {
-                  child.material = new THREE.MeshLambertMaterial();
+                  child.material = new THREE.MeshLambertMaterial({ color: props.phoneClr });
                 }
               });