{
 "name": "TopX Terminal",
 "version": 3,
 "meta": {
  "source": "local",
  "repo": "top-x",
  "synced": "2026-10-05",
  "note": "TopX Terminal 定稿：中性灰底，主色取自 TopX 标志蓝，浅色与暗色两套主题。"
 },
 "color": {
  "themes": [
   {
    "id": "light",
    "name": "浅色"
   },
   {
    "id": "dark",
    "name": "暗色"
   }
  ],
  "tokens": [
   {
    "name": "bg",
    "value": {
     "light": "#f5f6f8",
     "dark": "#0e1116"
    },
    "usage": "页面底色，冷中性灰。"
   },
   {
    "name": "panel",
    "value": {
     "light": "#ffffff",
     "dark": "#151a21"
    },
    "usage": "面板、图表区、表格、顶栏的底色。"
   },
   {
    "name": "panel-2",
    "value": {
     "light": "#f2f4f7",
     "dark": "#1b212a"
    },
    "usage": "次级底：工具栏、表头、汇总条、展开行。"
   },
   {
    "name": "status-bg",
    "value": {
     "light": "#eef1f5",
     "dark": "#181e26"
    },
    "usage": "状态条底色，全宽一条，比 panel-2 略深以区分全局与局部。"
   },
   {
    "name": "head-bg",
    "value": "{panel-2}",
    "usage": "表头底色，等于 panel-2。"
   },
   {
    "name": "zebra",
    "value": {
     "light": "#fafbfc",
     "dark": "#12171d"
    },
    "usage": "表格偶数行底色，只比 panel 深一点。"
   },
   {
    "name": "hover",
    "value": {
     "light": "#edf3fc",
     "dark": "#1c2635"
    },
    "usage": "行悬停、导航悬停底色。唯一带蓝调的底，提示“可交互”。"
   },
   {
    "name": "line",
    "value": {
     "light": "#dce1e8",
     "dark": "#2a323d"
    },
    "usage": "面板边框、分区线、表头下边线。"
   },
   {
    "name": "line-soft",
    "value": {
     "light": "#eceff3",
     "dark": "#1f262f"
    },
    "usage": "单元格之间的细线、KPI 格间分隔。"
   },
   {
    "name": "control-border",
    "value": {
     "light": "#7f8a9a",
     "dark": "#657184"
    },
    "usage": "按钮、输入框、分段控件的 1px 边框；对 panel 与 panel-2 ≥ 3:1。"
   },
   {
    "name": "fg",
    "value": {
     "light": "#141b26",
     "dark": "#e6eaf0"
    },
    "usage": "正文、数值、区块标题；读在所有底上。"
   },
   {
    "name": "dim",
    "value": {
     "light": "#4a5567",
     "dark": "#a7b0bd"
    },
    "usage": "次级文字：标签、单位、一行摘要；读在 bg、panel、panel-2、status-bg 上。"
   },
   {
    "name": "faint",
    "value": {
     "light": "#5c6779",
     "dark": "#8d97a5"
    },
    "usage": "最弱一级：时间戳、观测时刻；读在 bg、panel、panel-2 上。不用于需要阅读的说明。"
   },
   {
    "name": "head-ink",
    "value": {
     "light": "#313b4a",
     "dark": "#c7ced8"
    },
    "usage": "表头文字，读在 head-bg 上。"
   },
   {
    "name": "heading",
    "value": "{fg}",
    "usage": "区块标题色，等于 fg；标题靠字号和字重区分，不用蓝。"
   },
   {
    "name": "blue",
    "value": {
     "light": "#2558ef",
     "dark": "#6b93ff"
    },
    "usage": "唯一主色，取自 TopX 标志的蓝。用于一级导航当前项、primary 按钮、链接、焦点环、品牌字标。"
   },
   {
    "name": "on-blue",
    "value": {
     "light": "#ffffff",
     "dark": "#06121f"
    },
    "usage": "blue 实心底上的文字。暗色主题 blue 变亮，字变深。"
   },
   {
    "name": "blue-hover",
    "value": {
     "light": "#1c47d4",
     "dark": "#8aaaff"
    },
    "usage": "blue 实心元素的悬停色。"
   },
   {
    "name": "accent-soft",
    "value": {
     "light": "#e8eefd",
     "dark": "#1b2a4d"
    },
    "usage": "分段控件、二级标签、明细子导航的选中底；文字用 accent-ink。"
   },
   {
    "name": "accent-ink",
    "value": {
     "light": "#1d47cf",
     "dark": "#a9c0ff"
    },
    "usage": "accent-soft 上的选中文字，ghost 按钮文字。"
   },
   {
    "name": "focus",
    "value": "{blue}",
    "usage": "键盘焦点环，2px 实线、外偏移 1px。"
   },
   {
    "name": "green",
    "value": {
     "light": "#007c54",
     "dark": "#45d39a"
    },
    "usage": "盈利、正收益文字色；永远同时带 + 号。"
   },
   {
    "name": "red",
    "value": {
     "light": "#d32146",
     "dark": "#ff7088"
    },
    "usage": "亏损、负收益、错误文字色；永远同时带 − 号或文字。"
   },
   {
    "name": "amber",
    "value": {
     "light": "#a14a00",
     "dark": "#f2a650"
    },
    "usage": "数据延迟、部分数据、待核的文字色。"
   },
   {
    "name": "green-soft",
    "value": {
     "light": "#ebf7f1",
     "dark": "#0f2a20"
    },
    "usage": "“正常”徽章底。"
   },
   {
    "name": "green-ink",
    "value": {
     "light": "#00633c",
     "dark": "#6fe0b0"
    },
    "usage": "green-soft 上的文字与边框。"
   },
   {
    "name": "red-soft",
    "value": {
     "light": "#fdeef1",
     "dark": "#361820"
    },
    "usage": "真实资金风险：告警横幅、真下单徽章、告警 KPI 格的底。"
   },
   {
    "name": "red-ink",
    "value": {
     "light": "#a61934",
     "dark": "#ff9aac"
    },
    "usage": "red-soft 上的文字。"
   },
   {
    "name": "amber-soft",
    "value": {
     "light": "#fdf4e3",
     "dark": "#2f230f"
    },
    "usage": "警告徽章、数据延迟横幅底。"
   },
   {
    "name": "amber-ink",
    "value": {
     "light": "#7a4c00",
     "dark": "#f6c27a"
    },
    "usage": "amber-soft 上的文字。"
   },
   {
    "name": "series-1",
    "value": {
     "light": "#2558ef",
     "dark": "#6b93ff"
    },
    "usage": "图表系列 1（蓝，与主色同值）。按对象 ID 固定分配，跨页面不变。"
   },
   {
    "name": "series-2",
    "value": {
     "light": "#cc4d00",
     "dark": "#ff8a3d"
    },
    "usage": "图表系列 2（橙）。"
   },
   {
    "name": "series-3",
    "value": {
     "light": "#00865c",
     "dark": "#34c98f"
    },
    "usage": "图表系列 3（绿）。"
   },
   {
    "name": "series-4",
    "value": {
     "light": "#7c30db",
     "dark": "#b385ff"
    },
    "usage": "图表系列 4（紫）。"
   },
   {
    "name": "series-5",
    "value": {
     "light": "#db2164",
     "dark": "#ff6b9a"
    },
    "usage": "图表系列 5（玫红）。"
   },
   {
    "name": "series-6",
    "value": {
     "light": "#8a6100",
     "dark": "#d9a82e"
    },
    "usage": "图表系列 6（土黄）。"
   },
   {
    "name": "series-7",
    "value": {
     "light": "#007f99",
     "dark": "#3cc4dd"
    },
    "usage": "图表系列 7（青）。"
   },
   {
    "name": "series-8",
    "value": {
     "light": "#713a25",
     "dark": "#d0957a"
    },
    "usage": "图表系列 8（棕）。超过 8 个对象时拆组，不再加色。"
   }
  ]
 },
 "type": {
  "fonts": [],
  "families": {
   "sans": "Inter, \"Helvetica Neue\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif",
   "mono": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace"
  },
  "groups": [
   {
    "name": "文字",
    "family": "sans",
    "styles": [
     {
      "name": "body",
      "fontSize": "12px",
      "lineHeight": "16px",
      "fontWeight": 400,
      "sample": "净盈利包含未实现盈亏和已扣成本",
      "usage": "默认文字：表格、控件、说明。"
     },
     {
      "name": "body-strong",
      "fontSize": "12px",
      "lineHeight": "16px",
      "fontWeight": 600,
      "sample": "HL 账户对比",
      "usage": "按钮、导航、表格首列对象名。"
     },
     {
      "name": "title",
      "fontSize": "13px",
      "lineHeight": "18px",
      "fontWeight": 650,
      "sample": "账户指标矩阵",
      "usage": "区块标题，色 heading（= fg）。比正文大一档。"
     },
     {
      "name": "page-title",
      "fontSize": "15px",
      "lineHeight": "20px",
      "fontWeight": 650,
      "sample": "四路对比 · 累计净盈利",
      "usage": "每个工作区一处：当前视图名称。"
     }
    ]
   },
   {
    "name": "数字",
    "family": "mono",
    "styles": [
     {
      "name": "num",
      "fontSize": "12px",
      "lineHeight": "16px",
      "fontWeight": 400,
      "sample": "$48,110.25",
      "usage": "表格内数值，等宽 + tabular-nums，右对齐。"
     },
     {
      "name": "num-key",
      "fontSize": "14px",
      "lineHeight": "18px",
      "fontWeight": 650,
      "sample": "+$118.60",
      "usage": "图例数值、KPI 条数值。必须比它的标签大。"
     },
     {
      "name": "num-hero",
      "fontSize": "20px",
      "lineHeight": "24px",
      "fontWeight": 650,
      "sample": "−$10,180.55",
      "usage": "每屏最多一处：最需要被看到的那个数（如交易所权益、期内净盈利）。"
     },
     {
      "name": "unit",
      "fontSize": "11px",
      "lineHeight": "14px",
      "fontWeight": 400,
      "letterSpacing": "0.04em",
      "sample": "USD / NET PROFIT",
      "usage": "图表单位标签，只用于拉丁字母和数字；中文不低于 12px。"
     }
    ]
   }
  ]
 },
 "spacing": {
  "tokens": [
   {
    "name": "control-height",
    "value": "24px",
    "usage": "所有按钮、输入框、下拉框、标签页的高度，各宽度一致。"
   },
   {
    "name": "control-x",
    "value": "5px",
    "usage": "控件左右内边距。"
   },
   {
    "name": "cell-y",
    "value": "2px",
    "usage": "表格单元格上下内边距。"
   },
   {
    "name": "cell-x",
    "value": "5px",
    "usage": "表格单元格左右内边距。"
   },
   {
    "name": "surface-gap",
    "value": "3px",
    "usage": "面板与面板之间的间隙。"
   },
   {
    "name": "group-gap",
    "value": "8px",
    "usage": "工具栏里控件组与控件组之间的距离，让每组一眼可分。"
   },
   {
    "name": "block-pad",
    "value": "5px",
    "usage": "区块标题行、图表顶栏左右内边距。"
   },
   {
    "name": "topbar-height",
    "value": "30px",
    "usage": "桌面顶栏高度；800px 以下为两行 56px。"
   },
   {
    "name": "chart-main",
    "value": "280px",
    "usage": "主图画布高度。"
   },
   {
    "name": "chart-mini",
    "value": "160px",
    "usage": "并排辅助小图高度。"
   }
  ]
 },
 "radius": {
  "tokens": [
   {
    "name": "radius-xs",
    "value": "1px",
    "usage": "一级导航标签。"
   },
   {
    "name": "radius-sm",
    "value": "2px",
    "usage": "按钮、输入框、徽章、面板。默认圆角。"
   },
   {
    "name": "radius-md",
    "value": "4px",
    "usage": "浮层、放大图表弹窗。不用于面板。"
   }
  ]
 },
 "shadow": {
  "note": "终端不用阴影，层级靠 1px 线和底色区分。",
  "tokens": [
   {
    "name": "shadow-none",
    "value": "none",
    "usage": "所有面板、卡片。"
   }
  ]
 }
}