1. 关键设计与亮点
「图纸语言」贯穿全部界面
- 白图纸 / 晒图蓝双主题,
JetBrains Mono等宽工程字 + 网格纸背景 - 首页即一张 基础设施蓝图:
KOM-26-001图号、版本、修订记录、图例、比例尺、点击下钻的分区图纸与设备表——监控数据长在图纸的规格栏里
双地球样式,后台一键切换
- 🌐 点阵星球(cobe):经典点阵地球 + 国家标签引线
- 📏 线状图纸地球(自研):零重型依赖(无 three.js / D3),手写正交投影把海岸线、经纬网格渲染为线稿弧线;叠加球面曲率拟合的雷达扫描线、实时经纬度状态栏(拖拽时
159°E 18°N · MEDIUM高频刷新)、双向折线引线标注与背面渐隐——节点转向背面时标签自然淡出,工程感拉满
其余细节
- 主题设置 50+ 项:概览卡方案、图表预设、流量 / 负载阈值、色觉友好、自定义背景……
- 移动端参考图级适配:地球全宽置顶 + 毛玻璃总览卡浮于球面
- 骨架屏渐进加载、访客信息胶囊式就地展开
2. 代码仓库
https://github.com/jacob-bytes/komari-theme-blueprintkomari-theme.json一键导入 Komari 后台;bun run build产出可导入的 zip 包。3. 借鉴与参考(站在巨人的肩膀)
- Komari-line-grid(DeterminantMatrix)——线状地球 + 雷达扫描 / 状态栏 / 双栏标注的设计灵感;海岸线数据移植自其上游 selkk-lab/mmwx-theme-line-grid(MIT,版权归上游保留,README 已注明)
- komari-theme-Glassmorphism(sanrokamlan-prog)——本项目的前身起点,感谢其架构与功能沉淀,为 blueprint 的图纸化改造提供了坚实基础
- 数据层与渲染均为自研(正交投影 / 标签布局 / 雷达弧线均手写,不依赖库)
4.UI 展示
- 白图纸 / 晒图蓝双主题,
- 收藏支持反对打赏
厉害了

好看
厉害了 帮顶

漂亮
厉害

好看,帮顶

好看
不错 帮顶




