Add topology display pickers for label, edge-number, and vendor icon colors.

Persist choices in localStorage, apply via canvas CSS variables, and tint router icons with mask fills so each vendor color is editable.

Co-authored-by: Cursor <cursoragent@cursor.com>

web/src/i18n/en.ts

@@ -1466,7 +1466,25 @@ const en = {
     display: "Display",
     canvasBg: "Canvas background",
     canvasBgColor: "Background color",
-    canvasBgReset: "Reset light blue",
+    canvasBgReset: "Reset default",
+    textColors: "Text colors",
+    textColorsReset: "Reset default",
+    labelColor: "NE name",
+    edgeLabelColor: "Link numbers",
+    vendorColors: "Vendor icon colors",
+    vendorColorsReset: "Reset default",
+    vendorTone: {
+      cisco: "Cisco",
+      huawei: "Huawei",
+      zte: "ZTE",
+      juniper: "Juniper",
+      nokia: "Nokia",
+      ericsson: "Ericsson",
+      h3c: "H3C",
+      ruijie: "Ruijie",
+      mikrotik: "MikroTik",
+      gray: "Unknown / unmanaged",
+    },
     hideIp: "Hide IP",
     hideVendor: "Hide vendor",
     hidePorts: "Hide ports",

web/src/i18n/zh.ts

@@ -1460,7 +1460,25 @@ const zh = {
     display: "显示",
     canvasBg: "画布背景",
     canvasBgColor: "背景色",
-    canvasBgReset: "恢复浅蓝",
+    canvasBgReset: "恢复默认",
+    textColors: "文字颜色",
+    textColorsReset: "恢复默认",
+    labelColor: "网元名称",
+    edgeLabelColor: "链路数字",
+    vendorColors: "厂商图标色",
+    vendorColorsReset: "恢复默认",
+    vendorTone: {
+      cisco: "Cisco",
+      huawei: "华为",
+      zte: "中兴",
+      juniper: "Juniper",
+      nokia: "Nokia",
+      ericsson: "Ericsson",
+      h3c: "H3C",
+      ruijie: "锐捷",
+      mikrotik: "MikroTik",
+      gray: "未知/未托管",
+    },
     hideIp: "隐藏 IP",
     hideVendor: "隐藏厂商",
     hidePorts: "隐藏端口",