diff --git a/packages/client/src/components/MkInstanceStats.vue b/packages/client/src/components/MkInstanceStats.vue
index b34ed5fb08..a9cb7977ad 100644
--- a/packages/client/src/components/MkInstanceStats.vue
+++ b/packages/client/src/components/MkInstanceStats.vue
@@ -41,9 +41,9 @@
-
-
-
+
+
+
diff --git a/packages/client/src/pages/admin/overview.ap-requests.vue b/packages/client/src/pages/admin/overview.ap-requests.vue
index efb335fff1..e481465a1c 100644
--- a/packages/client/src/pages/admin/overview.ap-requests.vue
+++ b/packages/client/src/pages/admin/overview.ap-requests.vue
@@ -68,8 +68,8 @@ onMounted(async () => {
const raw = await os.api('charts/ap-request', { limit: chartLimit, span: 'day' });
const vLineColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
- const succColor = '#87e000';
- const failColor = '#ff4400';
+ const succColor = '#9ccfd8';
+ const failColor = '#f6c177';
const succMax = Math.max(...raw.deliverSucceeded);
const failMax = Math.max(...raw.deliverFailed);
@@ -190,7 +190,7 @@ onMounted(async () => {
borderWidth: 0,
borderJoinStyle: 'round',
borderRadius: 4,
- backgroundColor: '#0cc2d6',
+ backgroundColor: '#c4a7e7',
barPercentage: 0.8,
categoryPercentage: 0.9,
fill: true,
@@ -264,7 +264,7 @@ onMounted(async () => {
},
plugins: [chartVLine(vLineColor)],
});
-
+
fetching = false;
});
diff --git a/packages/client/src/pages/admin/overview.heatmap.vue b/packages/client/src/pages/admin/overview.heatmap.vue
index 4d56d2a51f..6cb64f3877 100644
--- a/packages/client/src/pages/admin/overview.heatmap.vue
+++ b/packages/client/src/pages/admin/overview.heatmap.vue
@@ -3,9 +3,9 @@
-
-
-
+
+
+
diff --git a/packages/client/src/pages/admin/overview.vue b/packages/client/src/pages/admin/overview.vue
index f0148ca482..fd9044fb99 100644
--- a/packages/client/src/pages/admin/overview.vue
+++ b/packages/client/src/pages/admin/overview.vue
@@ -32,7 +32,7 @@
- Ap requests
+ Fediverse Requests
diff --git a/packages/client/src/scripts/chart-vline.ts b/packages/client/src/scripts/chart-vline.ts
index f321443834..94ba0abd39 100644
--- a/packages/client/src/scripts/chart-vline.ts
+++ b/packages/client/src/scripts/chart-vline.ts
@@ -1,23 +1,24 @@
-import { Plugin } from 'chart.js';
+import { Plugin } from "chart.js";
-export const chartVLine = (vLineColor: string) => ({
- id: 'vLine',
- beforeDraw(chart, args, options) {
- if (chart.tooltip?._active?.length) {
- const ctx = chart.ctx;
- const xs = chart.tooltip._active.map(a => a.element.x);
- const x = xs.reduce((a, b) => a + b, 0) / xs.length;
- const topY = chart.scales.y.top;
- const bottomY = chart.scales.y.bottom;
+export const chartVLine = (vLineColor: string) =>
+ ({
+ id: "vLine",
+ beforeDraw(chart, args, options) {
+ if (chart.tooltip?._active?.length) {
+ const ctx = chart.ctx;
+ const xs = chart.tooltip._active.map((a) => a.element.x);
+ const x = xs.reduce((a, b) => a + b, 0) / xs.length;
+ const topY = chart.scales.y.top;
+ const bottomY = chart.scales.y.bottom;
- ctx.save();
- ctx.beginPath();
- ctx.moveTo(x, bottomY);
- ctx.lineTo(x, topY);
- ctx.lineWidth = 1;
- ctx.strokeStyle = vLineColor;
- ctx.stroke();
- ctx.restore();
- }
- },
-}) as Plugin;
+ ctx.save();
+ ctx.beginPath();
+ ctx.moveTo(x, bottomY);
+ ctx.lineTo(x, topY);
+ ctx.lineWidth = 1;
+ ctx.strokeStyle = vLineColor;
+ ctx.stroke();
+ ctx.restore();
+ }
+ },
+ }) as Plugin;