fix: 💄 admin overview style

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.2.0-dev8",
+	"version": "13.2.0-dev9",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

packages/backend/src/misc/gen-identicon.ts

@@ -11,26 +11,42 @@ const size = 128; // px
 const n = 5; // resolution
 const margin = size / 4;
 const colors = [
-	["#FF512F", "#DD2476"],
+	["#eb6f92", "#b4637a"],
-	["#FF61D2", "#FE9090"],
+	["#f6c177", "#ea9d34"],
-	["#72FFB6", "#10D164"],
+	["#ebbcba", "#d7827e"],
-	["#FD8451", "#FFBD6F"],
+	["#31748f", "#286983"],
-	["#305170", "#6DFC6B"],
+	["#9ccfd8", "#56949f"],
-	["#00C0FF", "#4218B8"],
+	["#c4a7e7", "#907aa9"],
-	["#009245", "#FCEE21"],
+	["#eb6f92", "#f6c177"],
-	["#0100EC", "#FB36F4"],
+	["#eb6f92", "#ebbcba"],
-	["#FDABDD", "#374A5A"],
+	["#eb6f92", "#31748f"],
-	["#38A2D7", "#561139"],
+	["#eb6f92", "#9ccfd8"],
-	["#121C84", "#8278DA"],
+	["#eb6f92", "#c4a7e7"],
-	["#5761B2", "#1FC5A8"],
+	["#f6c177", "#eb6f92"],
-	["#FFDB01", "#0E197D"],
+	["#f6c177", "#ebbcba"],
-	["#FF3E9D", "#0E1F40"],
+	["#f6c177", "#31748f"],
-	["#766eff", "#00d4ff"],
+	["#f6c177", "#9ccfd8"],
-	["#9bff6e", "#00d4ff"],
+	["#f6c177", "#c4a7e7"],
-	["#ff6e94", "#00d4ff"],
+	["#ebbcba", "#eb6f92"],
-	["#ffa96e", "#00d4ff"],
+	["#ebbcba", "#f6c177"],
-	["#ffa96e", "#ff009d"],
+	["#ebbcba", "#31748f"],
-	["#ffdd6e", "#ff009d"],
+	["#ebbcba", "#9ccfd8"],
+	["#ebbcba", "#c4a7e7"],
+	["#31748f", "#eb6f92"],
+	["#31748f", "#f6c177"],
+	["#31748f", "#ebbcba"],
+	["#31748f", "#9ccfd8"],
+	["#31748f", "#c4a7e7"],
+	["#9ccfd8", "#eb6f92"],
+	["#9ccfd8", "#f6c177"],
+	["#9ccfd8", "#ebbcba"],
+	["#9ccfd8", "#31748f"],
+	["#9ccfd8", "#c4a7e7"],
+	["#c4a7e7", "#eb6f92"],
+	["#c4a7e7", "#f6c177"],
+	["#c4a7e7", "#ebbcba"],
+	["#c4a7e7", "#31748f"],
+	["#c4a7e7", "#9ccfd8"],
 ];
 
 const actualSize = size - margin * 2;

packages/client/src/components/MkHeatmap.vue

@@ -90,7 +90,7 @@ async function renderChart() {
 
 	await nextTick();
 
-	const color = defaultStore.state.darkMode ? '#b4e900' : '#86b300';
+	const color = defaultStore.state.darkMode ? '#ebbcba' : '#d7827e';
 
 	// 視覚上の分かりやすさのため上から最も大きい3つの値の平均を最大値とする
 	const max = values.slice().sort((a, b) => b - a).slice(0, 3).reduce((a, b) => a + b, 0) / 3;

packages/client/src/pages/admin/overview.active-users.vue

@@ -53,8 +53,8 @@ async function renderChart() {
 
 	const vLineColor = defaultStore.state.darkMode ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
 
-	const colorRead = '#3498db';
+	const colorRead = '#eb6f92';
-	const colorWrite = '#2ecc71';
+	const colorWrite = '#f6c177';
 
 	const max = Math.max(...raw.read);
 

packages/client/src/pages/admin/overview.moderators.vue

@@ -22,7 +22,7 @@ let fetching = $ref(true);
 
 onMounted(async () => {
 	moderators = await os.api('admin/show-users', {
-		sort: '+lastActiveDate',
+		sort: '+updatedAt',
 		state: 'adminOrModerator',
 		limit: 30,
 	});

packages/client/src/pages/admin/overview.queue.chart.vue

@@ -57,10 +57,10 @@ const label =
 	'?' as never;
 
 const color =
-	props.type === 'process' ? '#00E396' :
+	props.type === 'process' ? '#c4a7e7' :
-	props.type === 'active' ? '#00BCD4' :
+	props.type === 'active' ? '#31748f' :
-	props.type === 'delayed' ? '#E53935' :
+	props.type === 'delayed' ? '#eb6f92' :
-	props.type === 'waiting' ? '#FFB300' :
+	props.type === 'waiting' ? '#f6c177' :
 	'?' as never;
 
 onMounted(() => {