v0.26.3

src/admin/web/traffic-panel.js

@@ -1,7 +1,7 @@
 "use strict";
 (() => {
     let loading = false, timer = null, lastData = null, activeTab = "overview";
-    const chartPalette = ["var(--accent)", "var(--green)", "var(--blue)", "var(--transform-chart)", "var(--red)", "var(--notice-text)", "var(--border-hover)", "var(--separator)"];
+    const chartPalette = ["var(--chart-accent)", "var(--chart-secondary)", "var(--chart-tertiary)", "var(--chart-quaternary)", "var(--chart-quinary)", "var(--chart-senary)", "var(--chart-septenary)", "var(--chart-octonary)"];
     const scope = () => $("traffic-scope")?.value || "*";
     const number = value => fmt(Number(value) || 0);
 
@@ -38,7 +38,7 @@
         const total = values.reduce((sum, item) => sum + Number(item.count || 0), 0);
         totalNode.textContent = number(total); if (empty) empty.hidden = total > 0;
         if (!total) {
-            chart.style.background = "var(--panel2)"; chart.setAttribute("aria-label", t("trafficNoData"));
+            chart.style.background = "var(--chart-surface)"; chart.setAttribute("aria-label", t("trafficNoData"));
             legend.replaceChildren(el("li", t("trafficNoData"), "fine")); return;
         }
         const shown = values.slice(0, 7).map(item => ({ value: item.value || "-", count: Number(item.count) || 0 }));
@@ -98,7 +98,7 @@
             { value: t("trafficRequestBytes"), count: Number(stats.request_bytes) || 0 },
             { value: t("trafficResponseBytes"), count: Number(stats.response_bytes) || 0 },
         ], true, fmtBytes);
-        $("traffic-panel-state").textContent = `${t("trafficUpdated")}: ${new Date().toLocaleTimeString(locale())}`;
+        $("traffic-panel-state").textContent = `${t("trafficUpdated")}: ${formatTime(new Date())}`;
     }
 
     async function refresh() {
@@ -113,7 +113,7 @@
         document.querySelectorAll(".traffic-bar-chart").forEach(chart => chart.replaceChildren());
         for (const id of ["countries", "methods", "methods-detail", "statuses", "statuses-detail", "cache", "cache-detail"]) {
             const chart = $(`traffic-chart-${id}`), legend = $(`traffic-chart-${id}-legend`), total = $(`traffic-chart-${id}-total`);
-            if (chart) chart.style.background = "var(--panel2)"; legend?.replaceChildren(); if (total) total.textContent = "-";
+            if (chart) chart.style.background = "var(--chart-surface)"; legend?.replaceChildren(); if (total) total.textContent = "-";
         }
         selectTab("overview");
     }