设计系统

设计令牌与核心组件样式,源码位于 public/css

自包含 · 离线可用

颜色令牌

全部取自 base.css 的 :root 自定义属性,组件只引用变量。

品牌绿--brand#2ea44f
品牌绿·深--brand-strong#2c974b
品牌绿·浅--brand-soft#dafbe1
正文墨色--ink#1c2128
次级文字--muted#59636e
弱化文字--faint#6e7781
边框--border#d1d9e0
画布--canvas#f6f8fa
卡面--surface#ffffff
终端前景--term#3fb950
终端底--term-bg#0d1117
危险--danger#cf222e

尺寸与字体

统一圆角、阴影与字体栈,保证跨平台一致。

  • 圆角12px
  • 阴影0 1px 3px rgba(27,31,36,.08)
  • 正文字体系统字体栈(含 PingFang SC / Microsoft YaHei)
  • 等宽字体ui-monospace / SFMono-Regular / Menlo

按钮

主行动按钮、次级按钮与复制按钮三种层级。

徽标与状态

词条计数徽标、流程步骤与状态指示。

459 词条采集服务运行中1
1植入探针
2归集词条

数据与代码块

代码块与词条表格共用的等宽排版。

npm run build && npm run validate
序号采集词条状态
1Pull requests待翻译
2Sign in已翻译