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

2023-05-04 15:44:56 +08:00
 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 ,欢迎大家试用主题。

11983 次点击
所在节点    程序员
93 条回复
Poluk
2023-05-04 18:57:04 +08:00
非常感谢 OP ,目前我的 Webstorm 和 IDEA 都装了你的主题。还有就是现在可以搜到,两个软件版本是 2023.1.1
liangkang1436
2023-05-04 19:51:20 +08:00
老哥 666
linvaux
2023-05-04 19:59:38 +08:00
OP:IDEA , 我 xxx \dog
ufo5260987423
2023-05-04 20:08:09 +08:00
首先,大佬牛逼!
然后,唉我也想做 IDE 啊……
Aloento
2023-05-04 20:17:36 +08:00
swing 写的东西这样很正常了
ufan0
2023-05-04 20:24:45 +08:00
一直在用系列产品,前年希望写一个顺手的 Plugin ,也是发现官方的插件无法工作跑不通,问题是无法识别 CE 版本的所有产品。

顺手看了下这个问题存在了三年多了,官方都没人修。

看下了 IDEA 的代码和配置文件,提交了解决方案的 issue (没提 PR 是因为那时候我基本忘了 kotlin 语法)......官方也没怎么管,诶。
alleluya
2023-05-04 20:33:07 +08:00
和 chatGPT 讨论那块笑出声... AI 真的感觉很靠谱 哈哈哈
Seayon
2023-05-04 21:23:40 +08:00
@Doracis #4 我就说黑色的我怎么都看不清呢,一直很不喜欢,我也有 50 度的散光,感觉跟这个也有关系
ijaysdev
2023-05-04 22:18:56 +08:00
@anson0370 我刚刚用 IDEA 搜了下找到了,然后下午是用 Android Studio 搜的没找到,看了下原来提示 AS 不可用这个主题😂
sytnishizuiai
2023-05-05 01:59:37 +08:00
感谢,挺好看的
b1t
2023-05-05 07:06:18 +08:00
出 light 版的话求 @
blankmiss
2023-05-05 08:06:18 +08:00
linux 下 万年输入法不跟随 都得用户自己打补丁
Anivial
2023-05-05 08:52:55 +08:00
有一说一,jetbrain 最新的 dark 模式配色真的太阴间了,方法全变成了蓝色,打个代码看鬼片一样
luzemin
2023-05-05 08:58:05 +08:00
确实搜不到
qinfengge
2023-05-05 09:25:04 +08:00
俺也搜不到😨
akring
2023-05-05 09:38:43 +08:00
Jetbrains 家改 bug 的态度确实...... 去 Youtrack 上报一个问题,除了没完没了的让你 dump 各种诊断数据之外,就是让你重置缓存( reset cache )再试试
Fanatique32
2023-05-05 09:41:51 +08:00
谢谢分享,从劳保角度考虑,建议适配浅色主题。
neko629
2023-05-05 09:47:07 +08:00
用上了,很酷
大佬牛逼
SlYyWc
2023-05-05 09:50:41 +08:00
已用,骚粉很喜欢
tzshao
2023-05-05 10:11:44 +08:00
很骚,在用了

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

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

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

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

© 2021 V2EX