主题

使用 6 色系统自定义视觉外观。在 theme.json 中覆盖特定颜色,或安装预设主题以获得完整的视觉风格。

主题系统

TorlyAI 采用 6 色系统,只需改动寥寥几种颜色,就能轻松自定义整个界面。

这 6 种颜色

background

主背景色

foreground

主文本色

accent

高亮与交互元素

info

信息提示元素

success

成功状态

destructive

错误与危险操作

主题位置

主题从应用级层叠到工作区级:

  • 应用级: ~/.torlyai/theme.json
  • 工作区: ~/.torlyai/workspaces/{id}/theme.json

工作区主题仅会针对该工作区覆盖应用级主题。

主题格式

{
  "name": "TorlyAI Green",
  "author": "TorlyAI",
  "version": "1.0.0",

  "colors": {
    "background": "#0a0a0a",
    "foreground": "#fafafa",
    "accent": "#22c55e",
    "info": "#3b82f6",
    "success": "#22c55e",
    "destructive": "#ef4444"
  },

  "dark": {
    "background": "#000000",
    "foreground": "#ffffff"
  }
}

深色模式

dark 部分提供了深色模式下的 覆盖值。如果未指定,则使用主颜色。

预设主题

TorlyAI 自带多款预设主题,可作为起点使用:

Default

简洁的深色主题,搭配绿色强调色

Haze

柔和的紫色调

Ocean

深蓝色配色方案

创建自定义主题

  1. 创建一个 theme.json 文件
  2. 定义你的 6 种颜色
  3. 可选地添加深色模式覆盖值
  4. 将其放入应用或工作区的 themes 文件夹