RT-Thread Studio 代码主题配色使用xml自定义

RT-Thread Studio 代码主题配色自定义

RT-Thread Studio 的主题配色是通过其自带的DevStyle插件配置的，
其中有Workbench theme,Icon color,Editor theme,分别控制这Studio的整体界面色调，小图标风格，代码配色。
目前每个选项都有一些预设以供选择，
但是如果都不能满足需要，代码配色可以通过导入xml文件来自定义配色。

配色文件下载

如果直接搜索DevStyle的配色方案，可以找到的xml文件少之又少。
我仅仅找到了一个：
draculahttps://github.com/dracula/eclipse

但是eclipse color theme插件是有个收集网站提供了各种配色xml文件（eclipse color theme插件是eclipse的另一种配置主题的插件和DevStyle类似）。
eclipse-color-themes.web.apphttps://eclipse-color-themes.web.app/

xml修改

现在DevStyle的配色文件和eclipseColorTheme配色文件都有了，
经过对比发现，两者非常相似，毕竟Studio中各个部分的样式都有定义，配色文件都是对已定义的元素进行设置。
我们就可以按照DevStyle的文件，去修改eclipseColorTheme的文件，这样RT-Thread Studio就有更多的配色

这是DevStyle的配色文件的内容

<?xml version="1.0" encoding="utf-8"?>
<colorTheme id="99999" name="Dracula Theme" modified="2020-04-28 20:03:55" author="Zac Scott (scottzach1)">
    <searchResultIndication color="#44475a" /> <!-- grey -->
    <filteredSearchResultIndication color="#44475a" /> <!-- grey -->
    ...
</colorTheme>

这是eclipseColorTheme的配色文件的内容

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<colorTheme author="SR" id="48Hz638FN8308OQIRuIt" name="Dracula">
    <foreground color="#F8F8F2"/>
    <background color="#282A36"/>
    ...
</colorTheme>    

经过简单对比发现只有开头两行对文件的兼容性有影响，导致两个插件的xml文件不能通用，
我只需将eclipseColorTheme的文件前两行替换为DevStyle的即可，

其中colorTheme元素中有下面四个属性

• id : xml文件的id，只能为数字
• name : 名称，会在DevStyle的菜单中显示，用来区分各个主题
• modified : 修改日期
• author : 作者

之后又经过尝试，其实只用将eclipseColorTheme的文件中的id改为纯数字的即可。

配置文件的导入

在RT-Thread Studio中的 窗口->首选项->DevStyle->Color Themes 中进行导入

点击Import，选择要导入的xml文件，点击应用即可。
在Editor theme列表中也可以找到。

自定义

知道了怎么使用xml文件，那么就可以完全去自定义一个属于自己的主题配色，
虽然目前xml文件只作用于文本编辑器，
但我们可以将Workbench theme改为Dark Custom或Light Custom,设置一个整体合适的颜色。

每一个字体元素中都可以设置 加粗/颜色/斜体/中划线/下划线

<class bold="false" color="#F8F8F2" italic="false" strikethrough="false" underline="false"/>
<interface bold="false" color="#D197D9" italic="false" strikethrough="false" underline="false"/>
<method bold="false" color="#F8F8F2" italic="false" strikethrough="false" underline="false"/>
<methodDeclaration bold="false" color="#50FA7B" italic="false" strikethrough="false" underline="false"/>
<bracket bold="false" color="#F8F8F2" italic="false" strikethrough="false" underline="false"/>
<number bold="false" color="#BD93F9" italic="false" strikethrough="false" underline="false"/>
<string bold="false" color="#F1FA8C" italic="false" strikethrough="false" underline="false"/>
<operator bold="false" color="#F8F8F2" italic="false" strikethrough="false" underline="false"/>

经过上面的修改，Studio的整个界面看着舒服多了。

参考链接

eclipse-color-themes 配色收集网站：https://eclipse-color-themes.web.app/
DevStyle Dracula主题 github：https://github.com/dracula/eclipse
eclipse-color-theme github：https://github.com/eclipse-color-theme/eclipse-color-theme/issues/290
Dracula主题官网：https://draculatheme.com/eclipse
DevStyle官网：https://www.genuitec.com/products/devstyle