跳转到内容
LumilioCL / Docs

主题工作室

从一套内置主题或你自己的主题文件开始，修改颜色、圆角和字体，预览会实时变化。 做好后下载 .json 文件，按主题里的步骤放进启动器。 预览用网站的元件拼出启动器的样子，和启动器里的实际效果接近，但不完全相同。

主题

颜色

#rrggbb，带透明度时写 #rrggbbaa。

底色与文字
页面底色page
面板、列表和输入框panel
分隔线和边框hairline
正文文字ink
说明文字和次要数值muted
按键
白色按键key_white
黑色按键key_black
灰色按键：标签页、禁用的按键、标签key_grey
白色按键上的文字on_white
黑色按键上的文字on_black
强调色
强调色填充：主按键、当前标签页、亮起的指示灯orange
作为文字的强调色orange_text
强调色填充上的文字on_orange
危险
危险操作的确认按键danger
危险文字danger_text
指示灯
熄灭的指示灯led_off
表示成功的指示灯ok
显示窗
显示窗底色display
亮起的字段和进度条display_ink
未亮的字段display_dim
显示窗上的说明和单位display_label

圆角与字体

启动器自己的按键和面板圆角固定，不受影响。

填字体族名；留空则用启动器自带的字体。

对比度

启动器对自带主题的要求。不满足也能使用，只是可能不够清楚。

满足 19 / 19 条

  • 页面上的正文14.70 / 4.5
  • 面板上的正文16.12 / 4.5
  • 页面上的说明文字4.53 / 4.5
  • 面板上的说明文字4.96 / 4.5
  • 白色按键上的文字17.77 / 4.5
  • 黑色按键上的文字15.03 / 4.5
  • 灰色按键和标签上的文字12.48 / 4.5
  • 页面上的强调文字4.56 / 4.5
  • 面板上的强调文字5.00 / 4.5
  • 页面上的危险文字5.16 / 4.5
  • 面板上的危险文字5.66 / 4.5
  • 危险按键上的文字5.60 / 4.5
  • 显示窗里亮起的字段6.45 / 4.5
  • 显示窗上的说明5.12 / 4.5
  • 深色标签上的文字14.70 / 4.5
  • 强调色填充上的文字3.55 / 3
  • 页面上亮起的指示灯2.78 / 2.7
  • 面板上的强调色3.05 / 3
  • 页面上熄灭的指示灯1.99 / 1.5

把文件放进启动器的 themes 文件夹，再在 设置 › 外观 里点“重新读取”。 如何添加本地主题 →

主题文件
{
  "themes": [
    {
      "name": "我的主题",
      "appearance": "light",
      "colors": {
        "page": "#e4e4e1",
        "panel": "#eeeeeb",
        "hairline": "#bcbcb7",
        "ink": "#121212",
        "muted": "#666662",
        "key_white": "#f9f9f7",
        "key_black": "#1d1d1d",
        "key_grey": "#d3d3cf",
        "on_white": "#121212",
        "on_black": "#f2f2ef",
        "orange": "#f0520f",
        "orange_text": "#b53c08",
        "on_orange": "#ffffff",
        "danger": "#c8261b",
        "danger_text": "#b42318",
        "led_off": "#a3a39e",
        "ok": "#2f9a3c",
        "display": "#141414",
        "display_ink": "#ff6a2a",
        "display_dim": "#3d2619",
        "display_label": "#948479"
      },
      "radius": 4,
      "radius_lg": 6
    }
  ]
}

编辑内容保存在这个浏览器里。