tamakyi/shiroko-monitor
1
0
Fork 0
Code Issues Pull Requests Actions 214 Packages Projects Releases Wiki Activity

feat(theme): 全局装饰遮罩 + 尺寸统一；全局审阅修复对比度/暗色/平板布局

Browse Source 
用户反馈的两点：
1. 遮罩看不出效果 → 人物与单车统一全局半透明 settings.decoOpacity（默认 .78）
   （此前 0.92/0.80 不一致且几乎无感），各自保留边缘渐隐
2. 切视图时人物比例变化 → 删掉卡片视图专用的 300px 高度，两种视图尺寸一致
3. 保留原始素材 → 原图归档 assets-src/，处理流程固化为 scripts/prepare-artwork.py

全局审阅发现并修复：
- 无障碍对比度：两套主题的状态色当文字用时远低于 AA（最低 2.56:1）→ 双色体系
  （填充色 ≥3:1 保持鲜亮 / 文字色 ≥4.5:1 同色系加深），暗色模式同步
- 暗色模式主题失效：顶栏/卡片/表头/分组行是硬编码白色 → 改为随模式切换的变量
- 平板竖屏 768px 表格需内部横滚 242px → 自动切卡片阈值 700 → 1024
- Cloudflare Worker 快照补齐 dataUpdatedAt/updateIntervalSec/dataFilter
- 清理失效 CSS（.logo .halo）

测试脚本修掉两个自身 bug（均为误报）：color(srgb/…) 与半透明底的解析、
渐变背景被误判为透明。verify-views 新增对比度断言 8 条，四套合计 89 项全通过。
This commit is contained in:
tamakyi
2026-10-13 21:55:44 +08:00
parent 6f9a2d33ce
commit a7408e2bb5
26 changed files with 581 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/status.json
+273 -273
View File
@@ -1,8 +1,8 @@
{
"prober": "shiroko-monitor-node/0.7.0",
"demo": false,
"generatedAt": "2026-10-13T13:06:27.328Z",
"dataUpdatedAt": "2026-10-13T13:05:50.691Z",
"generatedAt": "2026-10-13T13:55:30.243Z",
"dataUpdatedAt": "2026-10-13T13:54:57.645Z",
"updateIntervalSec": 300,
"dataFilter": "uptimerobot",
"stats": {
@@ -10,11 +10,11 @@
"up": 5,
"down": 1,
"pending": 0,
"avgLatency": 991,
"avgLatency": 1110,
"avgUptime90": 83.3,
"memory": {
"rssMB": 77.5,
"heapUsedMB": 10.7,
"rssMB": 78.9,
"heapUsedMB": 10.2,
"heapTotalMB": 16
}
},
@@ -23,200 +23,200 @@
"enabled": true,
"ok": true,
"error": null,
"lastSyncAt": "2026-10-13T13:03:02.502Z",
"lastSyncAt": "2026-10-13T13:52:32.984Z",
"count": 6,
"syncing": false,
"lastSyncMs": 1791896580947
"lastSyncMs": 1791899551553
}
},
"monitors": {
"ur-792059439": {
"status": "up",
"latency": 277,
"latency": 247,
"code": null,
"detail": "UptimeRobot：运行正常",
"lastCheck": "2026-10-13T12:58:00.000Z",
"lastCheck": "2026-10-13T13:48:00.000Z",
"history": [
{
"t": "2026-10-12T13:50:00.000Z",
"t": "2026-10-12T15:00:00.000Z",
"ok": true,
"ms": 732
"ms": 312
},
{
"t": "2026-10-12T14:30:00.000Z",
"t": "2026-10-12T15:40:00.000Z",
"ok": true,
"ms": 663
"ms": 336
},
{
"t": "2026-10-12T15:10:00.000Z",
"t": "2026-10-12T16:20:00.000Z",
"ok": true,
"ms": 433
"ms": 275
},
{
"t": "2026-10-12T15:50:00.000Z",
"t": "2026-10-12T17:00:00.000Z",
"ok": true,
"ms": 355
"ms": 255
},
{
"t": "2026-10-12T16:30:00.000Z",
"t": "2026-10-12T17:40:00.000Z",
"ok": true,
"ms": 293
"ms": 304
},
{
"t": "2026-10-12T17:10:00.000Z",
"t": "2026-10-12T18:20:00.000Z",
"ok": true,
"ms": 220
"ms": 323
},
{
"t": "2026-10-12T17:55:00.000Z",
"t": "2026-10-12T19:00:00.000Z",
"ok": true,
"ms": 321
"ms": 328
},
{
"t": "2026-10-12T18:35:00.000Z",
"t": "2026-10-12T19:40:00.000Z",
"ok": true,
"ms": 295
"ms": 304
},
{
"t": "2026-10-12T19:15:00.000Z",
"t": "2026-10-12T20:20:00.000Z",
"ok": true,
"ms": 265
},
{
"t": "2026-10-12T21:00:00.000Z",
"ok": true,
"ms": 294
},
{
"t": "2026-10-12T21:40:00.000Z",
"ok": true,
"ms": 379
},
{
"t": "2026-10-12T22:20:00.000Z",
"ok": true,
"ms": 176
},
{
"t": "2026-10-12T23:05:00.000Z",
"ok": true,
"ms": 286
},
{
"t": "2026-10-12T23:45:00.000Z",
"ok": true,
"ms": 219
},
{
"t": "2026-10-13T00:25:00.000Z",
"ok": true,
"ms": 207
},
{
"t": "2026-10-13T01:05:00.000Z",
"ok": true,
"ms": 162
},
{
"t": "2026-10-13T01:45:00.000Z",
"ok": true,
"ms": 160
},
{
"t": "2026-10-13T02:25:00.000Z",
"ok": true,
"ms": 199
},
{
"t": "2026-10-13T03:05:00.000Z",
"ok": true,
"ms": 188
},
{
"t": "2026-10-13T03:45:00.000Z",
"ok": true,
"ms": 130
},
{
"t": "2026-10-13T04:25:00.000Z",
"ok": true,
"ms": 494
},
{
"t": "2026-10-13T05:05:00.000Z",
"ok": true,
"ms": 310
},
{
"t": "2026-10-12T19:55:00.000Z",
"t": "2026-10-13T05:45:00.000Z",
"ok": true,
"ms": 256
"ms": 354
},
{
"t": "2026-10-12T20:35:00.000Z",
"t": "2026-10-13T06:25:00.000Z",
"ok": true,
"ms": 185
"ms": 275
},
{
"t": "2026-10-12T21:15:00.000Z",
"t": "2026-10-13T07:05:00.000Z",
"ok": true,
"ms": 293
"ms": 231
},
{
"t": "2026-10-12T21:55:00.000Z",
"t": "2026-10-13T07:45:00.000Z",
"ok": true,
"ms": 270
"ms": 237
},
{
"t": "2026-10-12T22:35:00.000Z",
"t": "2026-10-13T08:25:00.000Z",
"ok": true,
"ms": 181
"ms": 467
},
{
"t": "2026-10-12T23:15:00.000Z",
"t": "2026-10-13T09:05:00.000Z",
"ok": true,
"ms": 225
"ms": 409
},
{
"t": "2026-10-12T23:55:00.000Z",
"t": "2026-10-13T09:45:00.000Z",
"ok": true,
"ms": 387
"ms": 424
},
{
"t": "2026-10-13T00:35:00.000Z",
"t": "2026-10-13T10:25:00.000Z",
"ok": true,
"ms": 288
"ms": 171
},
{
"t": "2026-10-13T01:15:00.000Z",
"t": "2026-10-13T11:05:00.000Z",
"ok": true,
"ms": 167
"ms": 377
},
{
"t": "2026-10-13T01:55:00.000Z",
"t": "2026-10-13T11:45:00.000Z",
"ok": true,
"ms": 157
"ms": 304
},
{
"t": "2026-10-13T02:35:00.000Z",
"t": "2026-10-13T12:25:00.000Z",
"ok": true,
"ms": 228
"ms": 426
},
{
"t": "2026-10-13T03:15:00.000Z",
"t": "2026-10-13T13:08:00.000Z",
"ok": true,
"ms": 225
"ms": 250
},
{
"t": "2026-10-13T03:55:00.000Z",
"t": "2026-10-13T13:48:00.000Z",
"ok": true,
"ms": 99
},
{
"t": "2026-10-13T04:40:00.000Z",
"ok": true,
"ms": 471
},
{
"t": "2026-10-13T05:20:00.000Z",
"ok": true,
"ms": 305
},
{
"t": "2026-10-13T06:00:00.000Z",
"ok": true,
"ms": 314
},
{
"t": "2026-10-13T06:40:00.000Z",
"ok": true,
"ms": 245
},
{
"t": "2026-10-13T07:20:00.000Z",
"ok": true,
"ms": 295
},
{
"t": "2026-10-13T08:00:00.000Z",
"ok": true,
"ms": 262
},
{
"t": "2026-10-13T08:40:00.000Z",
"ok": true,
"ms": 440
},
{
"t": "2026-10-13T09:20:00.000Z",
"ok": true,
"ms": 302
},
{
"t": "2026-10-13T10:00:00.000Z",
"ok": true,
"ms": 437
},
{
"t": "2026-10-13T10:40:00.000Z",
"ok": true,
"ms": 246
},
{
"t": "2026-10-13T11:20:00.000Z",
"ok": true,
"ms": 395
},
{
"t": "2026-10-13T12:22:00.000Z",
"ok": true,
"ms": 302
},
{
"t": "2026-10-13T12:58:00.000Z",
"ok": true,
"ms": 277
"ms": 247
}
],
"daily": {
"2026-10-13": {
"total": 23,
"up": 23
"total": 35,
"up": 35
}
},
"meta": {
@@ -243,16 +243,11 @@
},
"ur-795497022": {
"status": "up",
"latency": 749,
"latency": 1131,
"code": null,
"detail": "UptimeRobot：运行正常",
"lastCheck": "2026-10-13T13:02:00.000Z",
"lastCheck": "2026-10-13T13:50:00.000Z",
"history": [
{
"t": "2026-10-12T13:55:00.000Z",
"ok": true,
"ms": 1017
},
{
"t": "2026-10-12T14:35:00.000Z",
"ok": true,
@@ -414,20 +409,25 @@
"ms": 740
},
{
"t": "2026-10-13T12:25:00.000Z",
"t": "2026-10-13T12:40:00.000Z",
"ok": true,
"ms": 819
"ms": 771
},
{
"t": "2026-10-13T13:02:00.000Z",
"t": "2026-10-13T13:13:00.000Z",
"ok": true,
"ms": 749
"ms": 772
},
{
"t": "2026-10-13T13:50:00.000Z",
"ok": true,
"ms": 1131
}
],
"daily": {
"2026-10-13": {
"total": 23,
"up": 23
"total": 35,
"up": 35
}
},
"meta": {
@@ -454,191 +454,191 @@
},
"ur-795556828": {
"status": "up",
"latency": 414,
"latency": 224,
"code": null,
"detail": "UptimeRobot：运行正常",
"lastCheck": "2026-10-13T12:58:00.000Z",
"lastCheck": "2026-10-13T13:49:00.000Z",
"history": [
{
"t": "2026-10-12T13:50:00.000Z",
"t": "2026-10-12T14:55:00.000Z",
"ok": true,
"ms": 276
"ms": 225
},
{
"t": "2026-10-12T14:30:00.000Z",
"t": "2026-10-12T15:35:00.000Z",
"ok": true,
"ms": 288
"ms": 275
},
{
"t": "2026-10-12T15:10:00.000Z",
"t": "2026-10-12T16:15:00.000Z",
"ok": true,
"ms": 240
"ms": 450
},
{
"t": "2026-10-12T15:50:00.000Z",
"t": "2026-10-12T16:55:00.000Z",
"ok": true,
"ms": 348
"ms": 281
},
{
"t": "2026-10-12T16:30:00.000Z",
"t": "2026-10-12T17:40:00.000Z",
"ok": true,
"ms": 378
"ms": 320
},
{
"t": "2026-10-12T17:10:00.000Z",
"t": "2026-10-12T18:20:00.000Z",
"ok": true,
"ms": 295
"ms": 287
},
{
"t": "2026-10-12T17:50:00.000Z",
"t": "2026-10-12T19:00:00.000Z",
"ok": true,
"ms": 317
"ms": 283
},
{
"t": "2026-10-12T18:30:00.000Z",
"t": "2026-10-12T19:40:00.000Z",
"ok": true,
"ms": 319
"ms": 464
},
{
"t": "2026-10-12T19:10:00.000Z",
"t": "2026-10-12T20:20:00.000Z",
"ok": true,
"ms": 252
"ms": 187
},
{
"t": "2026-10-12T19:50:00.000Z",
"t": "2026-10-12T21:00:00.000Z",
"ok": true,
"ms": 551
"ms": 233
},
{
"t": "2026-10-12T20:30:00.000Z",
"ok": true,
"ms": 235
},
{
"t": "2026-10-12T21:10:00.000Z",
"ok": true,
"ms": 294
},
{
"t": "2026-10-12T21:50:00.000Z",
"ok": true,
"ms": 186
},
{
"t": "2026-10-12T22:30:00.000Z",
"ok": true,
"ms": 183
},
{
"t": "2026-10-12T23:10:00.000Z",
"ok": true,
"ms": 244
},
{
"t": "2026-10-12T23:50:00.000Z",
"ok": true,
"ms": 206
},
{
"t": "2026-10-13T00:30:00.000Z",
"ok": true,
"ms": 197
},
{
"t": "2026-10-13T01:10:00.000Z",
"ok": true,
"ms": 155
},
{
"t": "2026-10-13T01:50:00.000Z",
"ok": true,
"ms": 119
},
{
"t": "2026-10-13T02:30:00.000Z",
"t": "2026-10-12T21:40:00.000Z",
"ok": true,
"ms": 213
},
{
"t": "2026-10-13T03:10:00.000Z",
"t": "2026-10-12T22:20:00.000Z",
"ok": true,
"ms": 151
"ms": 235
},
{
"t": "2026-10-13T03:50:00.000Z",
"t": "2026-10-12T23:05:00.000Z",
"ok": true,
"ms": 231
"ms": 241
},
{
"t": "2026-10-13T04:35:00.000Z",
"t": "2026-10-12T23:45:00.000Z",
"ok": true,
"ms": 194
"ms": 230
},
{
"t": "2026-10-13T05:15:00.000Z",
"t": "2026-10-13T00:25:00.000Z",
"ok": true,
"ms": 211
"ms": 244
},
{
"t": "2026-10-13T05:55:00.000Z",
"t": "2026-10-13T01:05:00.000Z",
"ok": true,
"ms": 167
"ms": 133
},
{
"t": "2026-10-13T06:35:00.000Z",
"t": "2026-10-13T01:45:00.000Z",
"ok": true,
"ms": 240
"ms": 127
},
{
"t": "2026-10-13T07:15:00.000Z",
"t": "2026-10-13T02:25:00.000Z",
"ok": true,
"ms": 254
"ms": 182
},
{
"t": "2026-10-13T07:55:00.000Z",
"t": "2026-10-13T03:05:00.000Z",
"ok": true,
"ms": 503
"ms": 413
},
{
"t": "2026-10-13T08:35:00.000Z",
"t": "2026-10-13T03:45:00.000Z",
"ok": true,
"ms": 224
"ms": 229
},
{
"t": "2026-10-13T09:15:00.000Z",
"t": "2026-10-13T04:25:00.000Z",
"ok": true,
"ms": 255
},
{
"t": "2026-10-13T05:05:00.000Z",
"ok": true,
"ms": 150
},
{
"t": "2026-10-13T05:45:00.000Z",
"ok": true,
"ms": 201
},
{
"t": "2026-10-13T06:25:00.000Z",
"ok": true,
"ms": 232
},
{
"t": "2026-10-13T07:05:00.000Z",
"ok": true,
"ms": 247
},
{
"t": "2026-10-13T10:00:00.000Z",
"t": "2026-10-13T07:45:00.000Z",
"ok": true,
"ms": 455
"ms": 559
},
{
"t": "2026-10-13T10:40:00.000Z",
"t": "2026-10-13T08:25:00.000Z",
"ok": true,
"ms": 384
"ms": 219
},
{
"t": "2026-10-13T11:20:00.000Z",
"t": "2026-10-13T09:05:00.000Z",
"ok": true,
"ms": 334
"ms": 230
},
{
"t": "2026-10-13T12:22:00.000Z",
"t": "2026-10-13T09:45:00.000Z",
"ok": true,
"ms": 393
"ms": 432
},
{
"t": "2026-10-13T12:58:00.000Z",
"t": "2026-10-13T10:25:00.000Z",
"ok": true,
"ms": 414
"ms": 341
},
{
"t": "2026-10-13T11:05:00.000Z",
"ok": true,
"ms": 233
},
{
"t": "2026-10-13T11:45:00.000Z",
"ok": true,
"ms": 396
},
{
"t": "2026-10-13T12:25:00.000Z",
"ok": true,
"ms": 308
},
{
"t": "2026-10-13T13:13:00.000Z",
"ok": true,
"ms": 347
},
{
"t": "2026-10-13T13:49:00.000Z",
"ok": true,
"ms": 224
}
],
"daily": {
"2026-10-13": {
"total": 23,
"up": 23
"total": 35,
"up": 35
}
},
"meta": {
@@ -665,16 +665,11 @@
},
"ur-792059414": {
"status": "up",
"latency": 3103,
"latency": 3462,
"code": null,
"detail": "UptimeRobot：运行正常",
"lastCheck": "2026-10-13T12:59:00.000Z",
"lastCheck": "2026-10-13T13:50:00.000Z",
"history": [
{
"t": "2026-10-12T14:10:00.000Z",
"ok": true,
"ms": 2478
},
{
"t": "2026-10-12T14:55:00.000Z",
"ok": true,
@@ -801,40 +796,50 @@
"ms": 1861
},
{
"t": "2026-10-13T09:10:00.000Z",
"t": "2026-10-13T09:05:00.000Z",
"ok": true,
"ms": 1991
"ms": 2001
},
{
"t": "2026-10-13T09:55:00.000Z",
"t": "2026-10-13T09:45:00.000Z",
"ok": true,
"ms": 1597
"ms": 1652
},
{
"t": "2026-10-13T10:40:00.000Z",
"t": "2026-10-13T10:25:00.000Z",
"ok": true,
"ms": 2816
"ms": 2264
},
{
"t": "2026-10-13T11:20:00.000Z",
"t": "2026-10-13T11:05:00.000Z",
"ok": true,
"ms": 1960
"ms": 2105
},
{
"t": "2026-10-13T12:19:00.000Z",
"t": "2026-10-13T11:45:00.000Z",
"ok": true,
"ms": 2258
"ms": 1562
},
{
"t": "2026-10-13T12:59:00.000Z",
"t": "2026-10-13T12:25:00.000Z",
"ok": true,
"ms": 3103
"ms": 2773
},
{
"t": "2026-10-13T13:10:00.000Z",
"ok": true,
"ms": 2536
},
{
"t": "2026-10-13T13:50:00.000Z",
"ok": true,
"ms": 3462
}
],
"daily": {
"2026-10-13": {
"total": 23,
"up": 23
"total": 35,
"up": 35
}
},
"meta": {
@@ -861,21 +866,11 @@
},
"ur-798788113": {
"status": "up",
"latency": 410,
"latency": 488,
"code": null,
"detail": "UptimeRobot：运行正常",
"lastCheck": "2026-10-13T12:59:00.000Z",
"lastCheck": "2026-10-13T13:50:00.000Z",
"history": [
{
"t": "2026-10-12T13:45:00.000Z",
"ok": true,
"ms": 361
},
{
"t": "2026-10-12T14:25:00.000Z",
"ok": true,
"ms": 346
},
{
"t": "2026-10-12T15:05:00.000Z",
"ok": true,
@@ -1032,25 +1027,30 @@
"ms": 381
},
{
"t": "2026-10-13T11:43:00.000Z",
"t": "2026-10-13T11:45:00.000Z",
"ok": true,
"ms": 1257
"ms": 1028
},
{
"t": "2026-10-13T12:23:00.000Z",
"t": "2026-10-13T12:25:00.000Z",
"ok": true,
"ms": 471
"ms": 601
},
{
"t": "2026-10-13T12:59:00.000Z",
"t": "2026-10-13T13:14:00.000Z",
"ok": true,
"ms": 410
"ms": 428
},
{
"t": "2026-10-13T13:50:00.000Z",
"ok": true,
"ms": 488
}
],
"daily": {
"2026-10-13": {
"total": 23,
"up": 23
"total": 35,
"up": 35
}
},
"meta": {
@@ -1090,7 +1090,7 @@
],
"daily": {
"2026-10-13": {
"total": 23,
"total": 35,
"up": 0
}
},