IntelliJ IDEA是Java語言開發(fā)的集成環(huán)境，IntelliJ在業(yè)界被公認(rèn)為優(yōu)秀的Java開發(fā)工具之一，尤其在智能代碼助手、代碼自動(dòng)提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查、 創(chuàng)新的GUI設(shè)計(jì)等方面的功能可以說是超常的。

點(diǎn)擊下載IntelliJ IDEA最新試用版

IntelliJ Light 和 Darcula 是基于 IntelliJ 的 IDE 中默認(rèn)提供的著名 UI 主題。一些用戶喜歡堅(jiān)持使用預(yù)選的明亮界面，而另一些用戶則喜歡Light-on-dark 配色方案。但是，許多開發(fā)人員喜歡通過從JetBrains Marketplace的主題類別中提供的各種主題中進(jìn)行選擇來表達(dá)自己的個(gè)性。我們選擇某些主題的原因因人而異——舊習(xí)慣、對(duì)美麗事物的欣賞、色覺缺陷、更容易集中注意力或任何其他事情。

UI 主題插件只是基于 IntelliJ 的 IDE 的眾多插件類型之一，UI 主題的作者可以對(duì) IDE 中的內(nèi)置 UI 元素進(jìn)行各種更改：

• 替代圖標(biāo)
• 更改圖標(biāo)和 UI 控件的顏色
• 提供自定義編輯器方案
• 添加背景圖片

創(chuàng)建 UI 主題

為基于 IntelliJ 的 IDE 創(chuàng)建插件和主題需要一些準(zhǔn)備，然后再深入實(shí)際開發(fā)。有兩種方法可以設(shè)置這樣的項(xiàng)目。

第一種方法依賴于項(xiàng)目向?qū)В谑褂?DevKit 主題向?qū)?chuàng)建 UI 主題頁面的 IntelliJ SDK 文檔中有詳細(xì)說明。

生成的腳手架是一個(gè)基于 DevKit 方法的簡單結(jié)構(gòu)，應(yīng)該只用于簡單的插件。您可以在IntelliJ SDK 文檔代碼示例GitHub 存儲(chǔ)庫中找到示例項(xiàng)目。

對(duì)于更復(fù)雜的插件，我們建議創(chuàng)建一個(gè)基于 Gradle 的項(xiàng)目。由于我們不斷改進(jìn)基于 IntelliJ 的 IDE 的插件開發(fā)體驗(yàn)，因此也可以使用IntelliJ 平臺(tái)插件模板啟動(dòng)新項(xiàng)目。該模板帶來了 Gradle 擴(kuò)展和 GitHub 操作的精選配置，例如依賴項(xiàng)管理、變更日志支持和預(yù)配置的持續(xù)集成/持續(xù)部署 (CI/CD) 設(shè)置。

在這兩種情況下，插件項(xiàng)目最重要的文件是plugin.xml文件，它必須包含themeProvider 擴(kuò)展點(diǎn)定義：

<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文件，其中包含一個(gè)實(shí)際的主題定義，修改了背景顏色和套在IDE的右下角一個(gè)整潔的形象。

{
 "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>