定制工具

学习如何管理主题的样式并添加自定义样式。


Warp的定制工具简化了你的工作流程,并且无需任何CSS知识即可添加自定义样式。它被分为两个部分。左边的垂直栏显示主题的设置项,在右边你可以看到你所选择的主题。在定制工具中所有的改掉都可以在右边即时预览。

注意 为了优化性能,建议禁用浏览器加载项,比如火狐浏览器的 Firebug

样式是什么?

一套样式就是一系列LESS变量,用于定义你的定制操作。

如何新建一套样式

  1. 在定制工具中选择一套样式。
  2. 点击复制(Copy)并输入一个新的名字来复制这套样式。
  3. 现在,可以开始定制你自己的样式了。
  4. 当你已经对各项调整感到满意后,点击保存(Save),定制工具会保持你这套样式的LESS文件到 /styles/STYLE-NAME/style.less 文件夹中,而CSS文件被编译到 /styles/STYLE-NAME/css 文件夹中。

注意 要放弃主题样式的修改,点击重置(reset)回滚所有改动为主题的默认值。

如何使用定制工具

默认地,定制工具只显示特定数量的变量。这些变量是主题中用的最多的。根据你想要定制主题的细节,有不同的定制模式可供选择。

模式 描述
增强模式 启用增强模式,将会显示更多的开发者变量,这些变量都是很少进行调整的。
More 在增强模式中,你可以在显示一组变量旁边看到一个 (More) 按钮。 @ 符号表示这些变量是通过其他变量进行定义的。