IntelliJ IDEA是Java语言开发的集成环境，IntelliJ在业界被公认为优秀的Java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。

点击下载IntelliJ IDEA最新试用版

IntelliJ Light 和 Darcula 是基于 IntelliJ 的 IDE 中默认提供的著名 UI 主题。一些用户喜欢坚持使用预选的明亮界面，而另一些用户则喜欢Light-on-dark 配色方案。但是，许多开发人员喜欢通过从JetBrains Marketplace的主题类别中提供的各种主题中进行选择来表达自己的个性。我们选择某些主题的原因因人而异——旧习惯、对美丽事物的欣赏、色觉缺陷、更容易集中注意力或任何其他事情。

UI 主题插件只是基于 IntelliJ 的 IDE 的众多插件类型之一，UI 主题的作者可以对 IDE 中的内置 UI 元素进行各种更改：

• 替代图标
• 更改图标和 UI 控件的颜色
• 提供自定义编辑器方案
• 添加背景图片

创建 UI 主题

为基于 IntelliJ 的 IDE 创建插件和主题需要一些准备，然后再深入实际开发。有两种方法可以设置这样的项目。

第一种方法依赖于项目向导，在使用 DevKit 主题向导创建 UI 主题页面的 IntelliJ SDK 文档中有详细说明。

生成的脚手架是一个基于 DevKit 方法的简单结构，应该只用于简单的插件。您可以在IntelliJ SDK 文档代码示例GitHub 存储库中找到示例项目。

对于更复杂的插件，我们建议创建一个基于 Gradle 的项目。由于我们不断改进基于 IntelliJ 的 IDE 的插件开发体验，因此也可以使用IntelliJ 平台插件模板启动新项目。该模板带来了 Gradle 扩展和 GitHub 操作的精选配置，例如依赖项管理、变更日志支持和预配置的持续集成/持续部署 (CI/CD) 设置。

在这两种情况下，插件项目最重要的文件是plugin.xml文件，它必须包含themeProvider 扩展点定义：

<idea-plugin>
   <id>org.jetbrains.plugins.mytheme</id>
   <name>My Theme</name>
   <vendor>JetBrains</vendor>

   <depends>com.intellij.modules.platform</depends>

   <extensions defaultExtensionNs="com.intellij">
       <themeProvider id="org.jetbrains.plugins.mytheme" path="my.theme.json" />
   </extensions>
</idea-plugin>

该themeProvider指my.theme.jsonJSON文件，其中包含一个实际的主题定义，修改了背景颜色和套在IDE的右下角一个整洁的形象。

{
 "name": "My Theme",
 "dark": true,
 "author": "JetBrains",
 "editorScheme": "/themes/my.xml",
 "colors": {
   "colorPrimary": "#3b3531",
   "colorSecondary": "#342e2b"
 },
 "ui": {
   "*": {
     "background": "colorPrimary",
     "separatorColor": "colorPrimary",
     "borderColor": "colorSecondary"
   }
 },

 "background": {
   "image": "/background.png",
   "transparency": 50,
   "fill": "plain",
   "anchor": "bottom_right"
 }

 <scheme name="My Theme" version="1" parent_scheme="Darcula">
   <colors>
       <option name="CARET_ROW_COLOR" value="372513" />
       <option name="GUTTER_BACKGROUND" value="372513" />
   </colors>
   <attributes>
       <option name="TEXT">
           <value>
               <option name="FOREGROUND" value="C67E48" />
               <option name="BACKGROUND" value="291918" />
               <option name="EFFECT_TYPE" value="5" />
           </value>
       </option>
   </attributes>
</scheme>