做了个 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 条回复
shijingshijing
2023 年 5 月 5 日
曾经试图更改一下 Firefox 的标签间隔和样式,以为这么简单的一个功能改改什么设定就好了,结果折腾了几天,翻了 N 多资料,最后决定还是改变我自己,让自己适应新的主题算了。

感觉不管什么软件,UI 都有一堆坑,但凡你有丁点想法,注定都是去跳坑。。。
anson0370
2023 年 5 月 5 日
@ColinZeb 啊 sorry ,是我会错意了。确实……完全不用 VS ,可能短期内都不会考虑支持了,但是欢迎 PR 。
anson0370
2023 年 5 月 5 日
@chicbian 我增加了一个背景色更暗的 darker 版本(当然差距也不会很大就是了……),估计下周 marketplace 审过了之后可以更新试试。
anson0370
2023 年 5 月 5 日
@Doracis
@EvilDevilJin
hi 两位,我刚在 VSCode 版本中更新了一个 light 版的主题供体验(请 check 下插件版本是 0.2.0 ,VSCode 插件市场也需要一些时间来审核)。
说实话我不是很满意这个 light 版本的,实际动手之后我就理解了 light theme 为什么少有好作品了。
我仍然确保了 WCAG AA 标准和色盲安全性检查。在亮色背景下想要满足 WCAG AA 标准注定要降低彩色亮度,提高彩色饱和度,整体就会和别的亮色主题趋同(这也是为什么亮色主题很多颜色都比较少的原因)。我尽量在不变动配色 hue 色轮位置的前提下调整了一下,但黄色和青色仍然必须改动 hue 色轮位置才能满足 WCAG AA 。
调的我怀疑人生,所以我检查了一下我自己安装了的别的 light 主题,可以说没有任何一个完全符合 WCAG AA 标准的……
chrosing
2023 年 5 月 6 日
@anson0370 没事呢。IDEA 一样可以写 哈哈哈
Doracis
2023 年 5 月 8 日
@anson0370 感谢感谢
这么一对比,确实是 dark 版的骚气粉色好看,整点主题需要对颜色搭配的高度敏锐和搭配,真不容易鸭,老哥
rehoni
2023 年 5 月 9 日
@anson0370 写 springboot 和 cloud 好使吗?我还是 java8 和 springboot2
rehoni
2023 年 5 月 9 日
@scyuns @anson0370 同期待
anson0370
2023 年 5 月 9 日
@rehoni 我搜索了一下记忆,似乎当时没遇到什么绕不过去的坑,但好使肯定是没有 IDEA 好使的。我记忆中 VSCode 解决不了的一个问题是没有 Kotlin 的 LSP ,也没有办法混合编译 Kotlin + Java 的工程。
lbfjkaou
2023 年 5 月 10 日
非常好看,就是亮度有点高,期待有 dark 版本.
helee9199
2023 年 6 月 27 日
LZ 因为某些原因我没有升级到最新版本 用的是 2022.2.5 ,
但是好像得 2023 才可以使用。
但是我特别想要这个配色方案 这个配色方案 有单独的吗?
anson0370
2023 年 8 月 14 日
@helee9199 非常抱歉最近忙别的去了没上 V2EX ,我没测试过旧版本兼容性,但我可以打个旧版本的包给你试试。可我怎么联系你?
helee9199
2023 年 8 月 18 日
@anson0370 感谢回复, 可以发我邮箱吗? helee9199@gmail.com
layxy
2024 年 8 月 13 日
还是感觉 Xcode Dark 好看点,可能用习惯了

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

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

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

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

© 2021 V2EX