做了个 IntelliJ 主题,让我再也不想用 JetBrains 的 IDE 了

2023 年 5 月 4 日
 anson0370

大家好,前不久分享了下我们的 HardHacker 的主题,有些朋友表示想要 JetBrains 的版本。讲道理我也是写了十几年 Java 的,那还有什么好说的,整💪。

目前已经整了一个算是可用的版本了,大家可以在 Marketplace 里搜索 HardHacker 找到。

这里也丢个图:

只能说真的是无知者无畏,下次谁再让我给 IntelliJ 做主题,我谢谢他🙏。以下都是吐槽,也算是我踩到的坑,分享出来给也想要做 IntelliJ 主题的勇士参考一下,不感兴趣的朋友就可以直接略过了。


出师不利,官方教程跑不通

首先我们打开官方文档,找到 Theme 的部分。IntelliJ 的 Theme 也是 plugin 的一种,JetBrains 专门为 Theme 做了一个简化的工程和创建流程。看起来很简单,next 、next 、run ,喜提 ClassNotFoundException 。经过亿点点研究之后,我发现是 IDEA 在 run Theme plugin 的时候 classpath 里少了个 IDEA 自己的 jar ,但是没找到办法自定义 run Theme plugin 的时候的 classpath 。

于是又经过亿点点搜索之后,我找到了这个:

相关 issue 在这:https://youtrack.jetbrains.com/issue/IDEA-302414 。好嘛,7 months ago 。不过 JB 家 bug 常年不修也是传统了🤷🏻‍♂️,只要有 workaround 那也行。


Schema 困惑之旅

把我的 theme 切换成 gradle 工程之后,总算可以跑起来了。

众所周知,IntelliJ 的样式分成 theme 和 schema 两部分,theme 控制 UI ,而 schema 则控制 editor 的内容。(这里就要给 vscode 磕一个了,它就不分,开发 theme 的体验非常舒爽)

由于我之前在 Github 上找到一个 JB 官方的 schema converter:JetBrains/colorSchemeTool (github.com) 。用它可以把 vscode 的 theme 转换成 IntelliJ 的 schema ,我决定从它的转换结果开始。然后困惑之旅就开始了。

不知道 key 值是什么

IntelliJ 的 schema 是个 XML 文件,大概长这样:

<scheme name="Hard Hacker" parent_scheme="Darcula" version="142">
  <colors>
    <option name="SELECTION_BACKGROUND" value="3f3951"/>
	</colors>
	<attributes>
    <option name="HYPERLINK_ATTRIBUTES">
      <value>
        <option name="FOREGROUND" value="e192ef"/>
        <option name="EFFECT_TYPE" value="1"/>
        <option name="EFFECT_COLOR" value="e192ef"/>
      </value>
    </option>
  </attributes>
</scheme>

看起来挺清晰的,但问题是这个 option 的 name 是完全没有文档的。官方的意思是你看着我们内置的主题文件自己猜吧:intellij-community/highContrastScheme.xml at idea/231.8109.175 · JetBrains/intellij-community · GitHub 。

这些 name 命名毫无规律,比如:

你想从中找到规律?主打的就是一个没有规律。✌️🤬

那么怎么才能准确找到你想改的 option 呢?特别是上面提到的那个 JB 官方转换工具的转换结果还缺斤少两的情况下?就此事我和 ChatGPT 探讨了一下,它给了我一个建议:你直接在 IDE 的 settings 里改,然后导出,再查找。你别说还真管用……我只需要找到那个配置,然后把颜色改成比如 334554 ,123456 ,然后导出来打开,cmd + f 即可……

默认值逻辑乱七八糟

IntelliJ 的 schema 里,不同 scope 之间是有继承关系的。比如 Java 的 keyword 会继承 default 的 keyword 。这很方便,但同样的,这部分也没规律。简单来说就是有时候你直接不管,它自动就继承了,而有时候你又必须显式声明,否则它就会有一个默认的💩一样的配色:

<option name="XPATH.KEYWORD" baseAttributes="DEFAULT_KEYWORD"/>

魔法数字

注意看我刚才贴的 schema 文件的内容第一行:

<scheme name="Hard Hacker" parent_scheme="Darcula" version="142">

version 是 142 ,但别问我为什么是 142 ,我只知道我改成 143 不行,但我改成 143 再改回 142 似乎可以刷新某种 cache 🧙‍♂️!因为你会发现当你在 devkit 的 IDEA 中改了 schema 并保存后,有一定概率你再改 schema 文件它不生效!此时就可以用这个 143/142 大法。

然后这个 parent_scheme 是 Darcula ( IntelliJ 自己有个 Darcula 主题,并不是那个 Dracula themes ),你改成别的比如 Dark 也是没用的。还有这 Darcula 拼错了吧喂?

不能 hotreload

这就不得不再提一下 vscode 了,保存实时生效,简直太方便了🧎🏻‍♂️。但 IntelliJ 这个你要么重新手动 import 一下,要么直接 rerun plugin ,然后等它重新启动一个 devkit 的 IDEA 。

搞了几次之后我就学乖了,我在 notion 里列了一个 TODO list ,一次改一批然后列进去。重启一次之后对着这个 TODO list 再一个一个检查……

不支持透明度

都 2023 年了。唯一支持透明度的是 editor 里的滚动条。


困惑加倍,快乐归零

说完 schema ,我们来看看 theme 部分。基本上 schema 部分的槽点,theme 部分都占了。比如找不到 key (官方给了一个 LaF 工具,但也只能看到 key 值,并不知道具体对应哪里,得不断修改来尝试);比如不能 hotreload 等等。此外因为 2023 的 New UI 还在 beta 阶段,所以有些 UI 样式改不了,所以如果你安装了主题之后发现有些地方不协调,那很可能就是因为……改不了。

但最让我抓狂的是 code suggestion 的弹出框,就是这个东西:

为了调这个东西,花了我大半天时间。因为……这东西别的都归 theme 管,唯独背景色归 schema 管!我 TM 带着无比的困惑在 LaF 和别人的主题文件里找它的背景色找了两个小时!两个小时!🤬🤬🤬


经过两天的折腾,我算是知道为什么 IntelliJ 的主题这么少了,就这开发体验没点共产主义吃苦耐劳的优良品质都坚持不下去。

写到这里的时候我突然想起来自己以前在 youtrack 上 star 过的一些 issues ,我就去翻了一下。好家伙 9 years ago 的 issue 还开着呢,7 months 简直不值一提。

说实话就 schema 里那些 attribute names 的混乱情况,让我很难相信 IntelliJ 里面的代码不是一坨💩⛰️……

年年更新大版本,就不能解决一下这些历史遗留问题吗?突出一个能跑就行。这么想想好像拿 Fleet 来彻底解决一下是个合理的思路,虽然 JB 说的挺好听的 Fleet 和 IntelliJ 不存在竞争关系,但这不是明摆着前浪后浪的事?

想想自己从 09 年开始用 IntelliJ IDEA ,到今天 IDEA 也显出老态了。Anyway ,欢迎大家试用主题。

15098 次点击
所在节点    程序员
94 条回复
zhuisui
2023 年 5 月 5 日
我倒是觉得 JetBrains 的客服和技术人员还可以。
最近出过几个问题,有 ideaVim surround 异常的、新 Runtime 在 Linux 下有问题的,都很快回复并定位解决了。倒是内存占用过大问题,没有得到解决,可能太复杂了。
junbaor
2023 年 5 月 5 日
我到现在也不敢用非官方的主题,为啥呢?大概 16 、17 年那会儿,非官方主题安装后如果再换回官方主题,总有一些颜色配置不能正常回滚,最后用卸载重装恢复的,给我的感觉就是 JetBrains 应该是从来没重视过主题这件事。
chrosing
2023 年 5 月 5 日
求 OP 出一期 Vscode 的 Java 插件配置 我上次弄了一次 感觉还是没有 IDEA 好用 就又用回来了
ke1e
2023 年 5 月 5 日
搜不到的各位可以从这个链接: https://plugins.jetbrains.com/plugin/21613-hardhacker-theme/versions

然后在 IDE 的插件那里用从磁盘安装即可
japeth
2023 年 5 月 5 日
@kingzeus #34 确实 下载了一下 发现太亮了 又换回 solar light 了
Hilong
2023 年 5 月 5 日
vscode 里装了下,同感觉整体太亮了
monetto
2023 年 5 月 5 日
深有体会 ...
21 年的时候想给 IDEA 社区版写一个 Spring 插件(类似于旗舰版那种效果),但是,文档基本靠蒙 ... 经常拿个 API 去 Google 搜半天,搜不到任何有用的信息。

对 IDEA API 的认知停留在 “卧槽还有这个 API 可以用在我的插件里”,基本也是靠社区插件(当时大量参考了 MyBatis Mapper 插件),加上连蒙带猜... 好多 API 用不明白,研究一下午都没啥进展,一气之下自己开 Map ,自己缓存,只用 IDEA 的 Class 解析 ...

写到最后,写出来一个勉强可以看的 Demo ... 写了 3 个月,最后放弃了...
Huelse
2023 年 5 月 5 日
今年 3 月反馈了一个 2023.1 的设置不生效 bug ,有相当多的类似反馈了,结果到今天都没彻底修好

https://youtrack.jetbrains.com/issue/IDEA-315281
ColinZeb
2023 年 5 月 5 日
希望能出个 VisualStudio 的。
aqwzj
2023 年 5 月 5 日
IDEA 和 pycharm 都用上啦, 我的评价是: 泰裤辣
dulred
2023 年 5 月 5 日
vscode 装了下,有点亮
aqwzj
2023 年 5 月 5 日
提个小建议哈, windows 下选项卡的关闭按钮和背景融为一体了 ![]( )
anson0370
2023 年 5 月 5 日
@ColinZeb 有的,直接 VSCode 的 marketplace 里搜 HardHacker 就有。另外还有 iTerm2 、vim 的
anson0370
2023 年 5 月 5 日
@Hilong
@dulred
@japeth
vscode 版本的主题里包含三个版本,一个普通的版本、一个背景更暗的版本、还有一个是用边框和更深色背景区分了各个功能块的版本。如果觉得整体太亮可以试试背景更暗的 darker 版本。如果觉得文字颜色太亮的话可能暂时不会去调整了。目前 comment 的颜色是刚过 WCAG AA 标准,如果把别的色彩调暗和 comment 的区分可能就会没那么明显。实际上还有 WCAG AAA 标准,那个我就不追求了……
anson0370
2023 年 5 月 5 日
@aqwzj 感谢 我去 debug 一下
anson0370
2023 年 5 月 5 日
@monetto 嗯,感觉并不重视生态开发者的体验。
anson0370
2023 年 5 月 5 日
@chrosing 这个可能要让你失望啦,近一年都没在写 Java 了。
SpiderXiantang
2023 年 5 月 5 日
chicbian
2023 年 5 月 5 日
用了一下午,很骚,同事看我的眼神都变了。就是感觉亮度有点过高,我个人感觉是渣显示器,不大行,我估计用 macbookpro 的显示器,应该会更加舒服。
ColinZeb
2023 年 5 月 5 日
@anson0370 #73 大佬 我说的是 VS 不带 Code ,我看你 GitHub readme 列表没有 VS ,刚才搜了一下也没有

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/937267

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX