Update App.js

public/App.js

@@ -64,7 +64,7 @@ var initialPosition = Cesium.Cartesian3.fromDegrees(16.368084, 48.183257, 360);
     var building = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: 'https://w2.iaf.hft-stuttgart.de/CesiumData/3DTiles/Buildings/BuildingSolid/Meidling_Vienna/tileset.json'}));
 	var outdoorbuildinginstallation = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: 'https://w2.iaf.hft-stuttgart.de/CesiumData/3DTiles/Buildings/BuildingInstallation/Meidling_Vienna/tileset.json'}));
 	var roofsurface = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: 'https://w2.iaf.hft-stuttgart.de/CesiumData/3DTiles/Buildings/RoofSurface/Mediling_Vienna/tileset.json'}));
-	var roofdefaultstyle = new Cesium.Cesium3DTileStyle({color : "color('#ff5500')"});
+	var roofdefaultstyle = new Cesium.Cesium3DTileStyle({color : "color('#EA9999')"});
 		roofsurface.style = roofdefaultstyle;
       // set roof height and load roof tile 
 				roofsurface.readyPromise.then(function(tileset) {
@@ -102,11 +102,11 @@ var initialPosition = Cesium.Cartesian3.fromDegrees(16.368084, 48.183257, 360);
                     ["${NUTZUNG_L0} === 'Commercial (Mixed Use)'", "color('#B7950B')"],
                     ["${NUTZUNG_L0} === 'Industrial and Commercial'", "color('#F4D03F')"],
                     ["${NUTZUNG_L0} === 'Natural Space'", "color('#DAF7A6')"],
-                    ["${NUTZUNG_L0} === 'Other Traffic Use'", "color('#D6DBDF')"],
+                    ["${NUTZUNG_L0} === 'Other Traffic Use'", "color('#868683')"],
                     ["${NUTZUNG_L0} === 'Recreational Facility'", "color('#1E8449')"],
                     ["${NUTZUNG_L0} === 'Residential (Mixed Use)'", "color('#E74C3C')"],
                     ["${NUTZUNG_L0} === 'Social Infrastructure'", "color('#6C3483')"],
-                    ["${NUTZUNG_L0} === 'Street Space'", "color('#5D6D7E')"],
+                    ["${NUTZUNG_L0} === 'Street Space'", "color('#D2D1CD')"],
                     ["${NUTZUNG_L0} === 'Technical (Engineering) Infrastructure'", "color('#D4E6F1')"],
                     ["${NUTZUNG_L0} === 'Water Body'", "color('#5DADE2')"],
                     ]
@@ -265,7 +265,7 @@ function active3DTilePicker() {
             if (picked3DtileFeature !== selected.feature) {
                 highlighted.feature = picked3DtileFeature;
                 Cesium.Color.clone(picked3DtileFeature.color, highlighted.originalColor);
-                picked3DtileFeature.color = Cesium.Color.AQUA;
+                picked3DtileFeature.color = Cesium.Color.AZURE;
             }
         }
     }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
@@ -299,7 +299,7 @@ function active3DTilePicker() {
                 Cesium.Color.clone(picked3DtileFeature.color, selected.originalColor);
             }
             // Highlight newly selected feature
-            picked3DtileFeature.color = Cesium.Color.AQUA;
+            picked3DtileFeature.color = Cesium.Color.AZURE;
             // Set feature infobox description - if condition is for different info box for different entities such as building solids, roofs, landuse etc
 			
 			if (picked3DtileFeature.getProperty('SemanticType') === "Building") {