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

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

发布于 2022-11-25 15:05:12 浏览：1082 订阅该版

[tocm]

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

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

![屏幕截图 2022-11-25 100342.png](https://oss-club.rt-thread.org/uploads/20221125/891f1d43d429f1600646e66631b07b0d.png.webp "屏幕截图 2022-11-25 100342.png")

## 配色文件下载

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

![屏幕截图 2022-11-25 100447.png](https://oss-club.rt-thread.org/uploads/20221125/c26f380f7097bde0b47be1050045669f.png.webp "屏幕截图 2022-11-25 100447.png")

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

![屏幕截图 2022-11-24 182108.png](https://oss-club.rt-thread.org/uploads/20221125/c4955bff95105230c82cff4e714ef838.png.webp "屏幕截图 2022-11-24 182108.png")

## xml修改

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

这是`DevStyle`的配色文件的内容

```xml
<?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" /> 
    <filteredSearchResultIndication color="#44475a" /> 
    ...
</colorTheme>
```

这是`eclipseColorTheme`的配色文件的内容

```xml
<?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`改为纯数字, 就可以导入`DevStyle`。

## 配置文件的导入

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

![屏幕截图 2022-11-25 142306.png](https://oss-club.rt-thread.org/uploads/20221125/69b78d92d59058025528fc20bdc45eae.png.webp "屏幕截图 2022-11-25 142306.png")

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

![屏幕截图 2022-11-25 142504.png](https://oss-club.rt-thread.org/uploads/20221125/957eb1038f61cb5dc58caa2744d6fdae.png.webp "屏幕截图 2022-11-25 142504.png")

## 自定义

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

![屏幕截图 2022-11-25 150217.png](https://oss-club.rt-thread.org/uploads/20221125/63dea6e2a8e5f83e8f37052a88a8e6e8.png.webp "屏幕截图 2022-11-25 150217.png")
每一个字体元素中都可以设置 **加粗/颜色/斜体/中划线/下划线**

```xml
<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的整个界面看着舒服多了。

![屏幕截图 2022-11-25 145020.png](https://oss-club.rt-thread.org/uploads/20221125/260aa27078889c8d156ab945ca9dc44e.png.webp "屏幕截图 2022-11-25 145020.png")

## 参考链接

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>