增加编辑器和背景图片

可以自定义主题的颜色和字体，背景图片

自定义编辑器

使用 Settings/Preferences创建编辑器

修改当前主题的的颜色，详情查看文档

版本控制的文件状态颜色可以在Settings/Preferences中自己修改

修改编辑器的颜色步骤如下：

• 从IDE preferences里创建一个新的颜色方案

• 导出新颜色方案的配置文件 （*.icls）

• 将导出的文件名称 由*.icls 改为 *.xml

修改编辑器配色方案

• 在示例创建UI主题中，将theme_basics.xml 替换成了 Lightning.xml.

• 将主题配置文件 theme_basics.theme.json文件中的 "editorScheme" 的值修改为 Lightning.xml (主题配色方案文件名称)

{
  "name": "Theme Basics",
  "dark": false,
  "author": "IntelliJ Platform SDK",
  "editorScheme": "/Lightning.xml", //主题配色方案
  "ui": {
  }
}

编辑器配色方案配置文件(Lightning.xml)

颜色是配置在 option元素里的，name是key,value是颜色，如下，

<colors>
    <!--   修改行号颜色 -->
  <option name="LINE_NUMBERS_COLOR" value="999999"/> 
</colors>

了解其它颜色配置key可查看 文件

修改版本控制的文件状态颜色

<colors>
    <option name="FILESTATUS_ADDED" value="62cc47"/>
    <option name="FILESTATUS_COPIED" value="62cc47"/>
    <option name="FILESTATUS_DELETED" value="ed864a"/>
</colors>

了解其它颜色配置key可查看 文件

修改滚动条颜色

编辑器滚动条的颜色应该与编辑器保持协调，并能一起切换。注意：*.xml修改的是编辑的滚动条颜色，在***.theme.json** 主题配置文件中 **ScrollBar.***的颜色指的是编辑器之外滚动条的颜色

提示

编辑器滚动条的颜色 不能在 Settings/Preferences中进行修改，只能在编辑器配色方案配置文件(*.xml)中修改

编辑器滚动条的属性配置

通常情况下，滚动条颜色的属性key是ScrollBar.usage ，usage 指的是哪里使用

<color>
  <option name="ScrollBar.Mac.trackColor" value="000000"/> 
  <option name="ScrollBar.Mac.thumbColor" value="FFFFFFBE"/>
</color>

编辑器滚动条颜色属性key

了解滚动条其它颜色配置key可查看 文件

• *.trackColor 轨迹颜色

• *.thumbColor

• *.thumbBorderColor

• *.hoverTrackColor

• *.hoverThumbColor

• *.hoverThumbBorderColor

名称属性格式如下：

平台自有属性

当水平滚动条的不是完全透明的时候，ScrollBar.background 可以定义水平滚动条的背景颜色，

垂直滚动条背景颜色不支持修改

Windows/Linux名称属性

ScrollBar.Transparent.* 指定透明度

macOS名称属性

macOS中垂直滚动条名称key的格式是 ScrollBar.Mac.*.

如果想修改macOS中水平滚动条配置，需要在 preferences对Show scroll bars 选项进行配置：

• ScrollBar.Mac.*：Always 被选中时生效

• ScrollBar.Mac.Transparent.* When scrolling 被选中时生效

修改背景图片

IDE 支持自定义背景图片，见下图，更多操作查看文档

在主题配置文件中***.theme.json** 背景图片的配置如下：

{
  "name": "Theme Basics",
  "dark": false,
  "author": "IntelliJ Platform SDK",
  "ui": {
  },
  "background": {
    "image": "/austria.png",  //图片名称，图片需要放在 resources 文件夹下
    "transparency": 10, //透明度，数值范围0-100 ，100代表不透明
    "fill": "scale", // 图片拉伸适配屏幕
    "anchor": "center" //图片的中心点位于屏幕的中心点
  },
  "emptyFrameBackground": {  // 空屏幕时显示该图片， 2020.2及以后的版本有效
    "image": "/austria.png",
    "transparency": 20,
    "fill": "scale",
    "anchor": "center"
  }
}