Cinderfolio-Mermaid

Mermaid 将文本绘制为图表。选择图例后调整配色，下载对应的亮暗主题。

深色g0#121212

浅色g16bg#fafaf8

品牌色brand#f97316

框线与结构

分类与数据

进度与状态

流程图

时序图

类图

状态图

实体关系图

正在绘制图表…

查看 Mermaid 源码

flowchart LR
    accTitle: 文档发布流程
    A[文稿] --> B{检查}
    subgraph build[构建]
        B -->|通过| C[生成页面]
        C --> D[(归档)]
    end
    B -.->|修改| A
    D --> E[发布]

显示职责

分类色复用品牌衍生的 OKLCH 八色，亮暗保持类别顺序。下载内容可直接传给 mermaid.initialize()。

画布与结构

画布bg#fafaf8
g16 · SVG 画布
主文字#121212
g0 · 标题、节点与图例文字
次要文字#3e3e3d
g3 · 说明、数值与轴标签
连线#3e3e3d
g3 · 连线、箭头与坐标轴
节点底色#ececea
g15 · 节点、卡片与表格
分组底色#dddddb
g14 · 分组、泳道与交替行
描边#787877
g7 · 节点与分组边界

强调与状态

强调#fa9148
light · 普通任务、激活区与强调标记
关键状态#f97316
brand · 关键任务与时间标记
错误文字#121212
g0 · 渲染错误信息

分类色

1#cf9600
2#92bb54
3#16dea9
4#00b8ba
5#85c4ff
6#a69bff
7#df83de
8#fd7b98

#Cinderfolio-Mermaid

画布与结构

强调与状态

分类色

Cinderfolio-Mermaid