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>