定制工具
学习如何管理主题的样式并添加自定义样式。
Warp的定制工具简化了你的工作流程,并且无需任何CSS知识即可添加自定义样式。它被分为两个部分。左边的垂直栏显示主题的设置项,在右边你可以看到你所选择的主题。在定制工具中所有的改掉都可以在右边即时预览。
注意 为了优化性能,建议禁用浏览器加载项,比如火狐浏览器的 Firebug 。
样式是什么?
一套样式就是一系列LESS变量,用于定义你的定制操作。
如何新建一套样式
- 在定制工具中选择一套样式。
- 点击复制(Copy)并输入一个新的名字来复制这套样式。
- 现在,可以开始定制你自己的样式了。
- 当你已经对各项调整感到满意后,点击保存(Save),定制工具会保持你这套样式的LESS文件到
/styles/STYLE-NAME/style.less
文件夹中,而CSS文件被编译到/styles/STYLE-NAME/css
文件夹中。
注意 要放弃主题样式的修改,点击重置(reset)回滚所有改动为主题的默认值。
如何使用定制工具
默认地,定制工具只显示特定数量的变量。这些变量是主题中用的最多的。根据你想要定制主题的细节,有不同的定制模式可供选择。
模式 | 描述 |
---|---|
增强模式 | 启用增强模式,将会显示更多的开发者变量,这些变量都是很少进行调整的。 |
More | 在增强模式中,你可以在显示一组变量旁边看到一个 (More) 按钮。 @ 符号表示这些变量是通过其他变量进行定义的。 |