烧饼论坛 LZ.SB
登录

新 komari 主题:blueprint

12012
  • jlthzy
    UID 3767Lv.5 小有收获

    1. 关键设计与亮点

    「图纸语言」贯穿全部界面

    • 白图纸 / 晒图蓝双主题,JetBrains Mono 等宽工程字 + 网格纸背景
    • 首页即一张 基础设施蓝图KOM-26-001 图号、版本、修订记录、图例、比例尺、点击下钻的分区图纸与设备表——监控数据长在图纸的规格栏里

    双地球样式,后台一键切换

    • 🌐 点阵星球(cobe):经典点阵地球 + 国家标签引线
    • 📏 线状图纸地球(自研):零重型依赖(无 three.js / D3),手写正交投影把海岸线、经纬网格渲染为线稿弧线;叠加球面曲率拟合的雷达扫描线实时经纬度状态栏(拖拽时 159°E 18°N · MEDIUM 高频刷新)、双向折线引线标注背面渐隐——节点转向背面时标签自然淡出,工程感拉满

    其余细节

    • 主题设置 50+ 项:概览卡方案、图表预设、流量 / 负载阈值、色觉友好、自定义背景……
    • 移动端参考图级适配:地球全宽置顶 + 毛玻璃总览卡浮于球面
    • 骨架屏渐进加载、访客信息胶囊式就地展开

    2. 代码仓库

    https://github.com/jacob-bytes/komari-theme-blueprint
    

    komari-theme.json 一键导入 Komari 后台;bun run build 产出可导入的 zip 包。

    3. 借鉴与参考(站在巨人的肩膀)

    • Komari-line-gridDeterminantMatrix)——线状地球 + 雷达扫描 / 状态栏 / 双栏标注的设计灵感;海岸线数据移植自其上游 selkk-lab/mmwx-theme-line-grid(MIT,版权归上游保留,README 已注明)
    • komari-theme-Glassmorphism(sanrokamlan-prog)——本项目的前身起点,感谢其架构与功能沉淀,为 blueprint 的图纸化改造提供了坚实基础
    • 数据层与渲染均为自研(正交投影 / 标签布局 / 雷达弧线均手写,不依赖库)

    4.UI 展示

    QAZj371nX4HWDvEYDXYt2saf7b1SsYS2.webp

    7k65X6DE02IS0YCphSph308cvbi4MD5b.webp

    xI5iS5yJuM6mnsN58XHPgYqyrYPTTNKu.webp

    67WfnJ4YHfCk59sm22hhUi6Ahuy5ZbNy.webp

    tlOn4sgoJp6Sa3tB7o8T37dyQEWWDFJ3.webp

  • 收藏支持 1反对打赏

12 条回复

  • box
    UID 6363Lv.3 初识社区
    亮了 1#1

    厉害了

  • Icecream
    UID 3008Lv.3 初识社区
    亮了 1#2

    好看

  • joooon
    UID 301Lv.3 初识社区
    亮了 1#3

    厉害了 帮顶

  • Netflix
    UID 5279Lv.2 新手上路
    亮了 1#4

    漂亮

  • Mikey
    UID 4073Lv.1 初来乍到
    亮了 1#5

    厉害

  • Yangzii
    UID 3346Lv.2 新手上路
    #6

    好看,帮顶

  • xuzeyu
    UID 2317Lv.4 渐入佳境
    #7

    好看

  • Ztt
    UID 651Lv.1 初来乍到
    #8

    不错 帮顶

  • 爸爸
    UID 3334Lv.8 热心新人
    #9

    不错,支持

  • ConlinGrote
    UID 3424Lv.3 初识社区
    #10

    不错不错,支持一下!

  • jlthzy
    UID 3767Lv.5 小有收获
    #11

    @Icecream #2 谢谢支持

  • jlthzy
    UID 3767Lv.5 小有收获
    #12

    @Netflix #4 谢谢

发表回复