feat: refine earth bgp collector presentation

frontend/public/earth/js/constants.js

@@ -92,8 +92,8 @@ export const BGP_CONFIG = {
     normal: 0.78,
     hover: 1.0,
     dimmed: 0.24,
-    collector: 0.82,
-    collectorHover: 1.0,
+    collector: 0.62,
+    collectorHover: 0.9,
     lockedMin: 0.65,
     lockedMax: 1.0
   },
@@ -117,6 +117,24 @@ export const BGP_CONFIG = {
     high: 0xfb923c,
     hot: 0xff5f57
   },
+  collectorIcon: {
+    ringStroke: "rgba(111, 160, 197, 0.34)",
+    ringLineWidth: 1.2,
+    ringRadius: 22,
+    pathStroke: "rgba(64, 106, 136, 0.74)",
+    pathLineWidth: 0.9,
+    pathFill: "rgba(214,224,233,0.88)",
+    centerFill: "rgba(222,231,239,0.72)",
+    centerRadius: 0.85,
+    idleBaseColor: 0xb7c4cf,
+    idleBlend: 0.56,
+    idleOpacity: 0.74,
+    hoverBlend: 0.42,
+    hoverNeutralColor: 0xc8d5e0,
+    lockedBlend: 0.48,
+    lockedNeutralColor: 0xd8e4ed,
+    dimmedColor: 0x7d8ca3,
+  },
   eventHubColor: 0x8af5ff,
   linkColor: 0x54d2ff,
   regionColor: 0x2dd4bf,