style: refine acrylic workbench surfaces

features/workbench/map/sources.ts

@@ -60,18 +60,24 @@ export function createWaterNetworkSources() {
       "line",
       [121.73585149761436, 30.861759757577705, 121.9498481645973, 30.983213202338085]
     ),
-    scada: createLingangVectorSource(SOURCE_LAYERS.scada, "point", [121.7350340307058, 30.84636502815, 121.97051839928491, 30.994737681416165])
+    scada: createLingangVectorSource(
+      SOURCE_LAYERS.scada,
+      "point",
+      [121.7350340307058, 30.84636502815, 121.97051839928491, 30.994737681416165],
+      "point_id"
+    )
   };
 }
 
 function createLingangVectorSource(
   sourceLayer: (typeof SOURCE_LAYERS)[keyof typeof SOURCE_LAYERS],
   style: "line" | "point",
-  bounds: [number, number, number, number]
+  bounds: [number, number, number, number],
+  promoteId = "id"
 ): VectorSourceSpecification {
   return {
     type: "vector",
-    promoteId: "id",
+    promoteId,
     tiles: [
       `${GEOSERVER_WMTS_ROOT}/lingang:${sourceLayer}/${style}/WebMercatorQuad/{z}/{y}/{x}?format=application/vnd.mapbox-vector-tile`
     ],
@@ -118,9 +124,9 @@ export function createBaseStyle(mapboxToken?: string): StyleSpecification {
       type: "raster",
       source: "mapbox-light",
       paint: {
-        "raster-opacity": 0.82,
-        "raster-saturation": -0.22,
-        "raster-contrast": 0.04
+        "raster-opacity": 0.96,
+        "raster-saturation": -0.1,
+        "raster-contrast": 0.06
       }
     });
     layers.push({
@@ -131,9 +137,9 @@ export function createBaseStyle(mapboxToken?: string): StyleSpecification {
         visibility: "none"
       },
       paint: {
-        "raster-opacity": 0.86,
-        "raster-saturation": -0.16,
-        "raster-contrast": 0.02
+        "raster-opacity": 1,
+        "raster-saturation": -0.24,
+        "raster-contrast": -0.06
       }
     });
   }