V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
anson0370
V2EX  ›  程序员

整了个带些未来感的编辑器主题,目前支持 VSCode、iTerm2、macOS Terminal,色盲友好

  •  
  •   anson0370 · 2023-04-18 15:30:13 +08:00 · 5281 次点击
    这是一个创建于 367 天前的主题,其中的信息可能已经有所发展或是发生改变。

    介绍

    先上个图:

    • vscode 的 normal
    • iTerm2 的 iTerm2

    配色灵感来自一些 cyberpunk 风格的画作,原本想做成能发光的,但发光的看久了实在瞎眼🤦‍♂️,而且发光效果也只有 vscode 能通过 hack 的方式做到,port 不到别的编辑器上,就算了。

    不同于一般的蓝黑色调为主的主题,这个主题是紫红+青色为主。为了能够长时间使用,降低了一些饱和度,虽然更柔和了,但 cyberpunk 的味儿也淡了。不过有舍有得,毕竟期望是能长期使用的。

    另外用 adobe 的工具检查了对比度和色盲友好性,都 ok ,可以放心使用。

    用法

    工程在此:GitHub

    iTerm2 和 macOS Terminal 的需要手动下载后导入,VSCode 的可以直接在插件市场搜索 HardHacker 安装。

    碎碎念

    VSCode 的主题细节实在是多,最初原本想用 darcula 的工程换下色生成一下的,可是效果不满意。于是就自己手撸了一下,ChatGPT 帮了不少忙🤣。不过应该还是会有遗漏,欢迎提 issue 。

    目前主要对着 Rust 、JS 、TS 、JSON 、Markdown 做过调整,其他语言看了几个,感觉也还行。同样也欢迎提 issue 。

    另外 vim 的配色正在做,感兴趣的朋友可以关注一下,后面打算把 JetBrains 的也搞一下,似乎细节比 VSCode 只多不少的样子……

    第 1 条附言  ·  2023-04-20 15:08:54 +08:00

    之前的图被我整挂了……重新补一个 preview

    另外 vim 的主题已经做到一半了,估计这两天就能弄好,后面还打算搞一下 emacs 和 Jetbrains 的,比较主流的应该就算覆盖了。

    这两天把 Terminal 里的各种调了一下,学到了很多之前不知道的新知识。 比如 macOS Terminal 里调色怎么看着都不对,是因为 RGB 和 sRGB 色域的区别(还是一知半解);比如 xterm-256 色都是些什么东西……;又比如 dircolors 之类的

    总之算是把 Terminal 调差不多了,然后自己在用的一些工具研究了一下。

    • p10k 发现只要设置成lean style和8色模式就可以 match
    • bat 可以通过BAT_THEME=base16来搞定
    • lsd……又做了个 theme 给它
    27 条回复    2023-04-19 13:43:24 +08:00
    TyCoding
        1
    TyCoding  
       2023-04-18 15:37:35 +08:00
    请问一下 op ,我的终端安装了 zsh ,导入你的主题后并没有生效(没有你那种效果),是因为 zsh 主题的原因吗
    paopaosa
        2
    paopaosa  
       2023-04-18 15:39:30 +08:00
    iTerml 用字体是???
    Kobayashi
        3
    Kobayashi  
       2023-04-18 16:06:02 +08:00
    感觉像是 Dracula https://draculatheme.com/
    anson0370
        4
    anson0370  
    OP
       2023-04-18 16:08:36 +08:00
    @Kobayashi 是的,Dracula 也是紫色调的,可以对比一下看哪个更适合自己。
    anson0370
        5
    anson0370  
    OP
       2023-04-18 16:09:44 +08:00
    @paopaosa 图里就有哦,Isoevka Nerd Font Complete Mono
    anson0370
        6
    anson0370  
    OP
       2023-04-18 16:10:46 +08:00
    @TyCoding 不应该啊,我也是用的 zsh+oh-my-zsh 。你是 terminal 还是 iTerm2 ?方便给看看导入后的配置界面吗?
    anson0370
        7
    anson0370  
    OP
       2023-04-18 16:33:43 +08:00
    @TyCoding 对了,如果是 Terminal 的话,导入之后在 profiles 列表的下方有个 default 要点一下,然后在 settings 的 general 里有个 New window with profile 也要选一下。
    leisurelylicht
        8
    leisurelylicht  
       2023-04-18 16:51:12 +08:00
    这个配色感觉红色有点太多了
    Saito
        9
    Saito  
       2023-04-18 17:26:02 +08:00
    这个配色看起来确实挺舒服,不刺眼。monokai 就属于特别瞎眼的。
    hsfzxjy
        10
    hsfzxjy  
       2023-04-18 17:29:49 +08:00 via Android
    这个白色看起来特舒服,神奇
    makelove
        11
    makelove  
       2023-04-18 17:34:26 +08:00
    我个人挺喜欢 vscode 里的 Nord 和 Nova 这二个主题的,不太白也不太黑更不妖艳,就是一个淡定舒服
    sankemao
        12
    sankemao  
       2023-04-18 17:47:42 +08:00   ❤️ 1
    左侧文件树,选中状态看不到了
    anson0370
        13
    anson0370  
    OP
       2023-04-18 18:56:23 +08:00
    @sankemao sidebar 的文件树,选中文件时有个行背景才对。没复现,不知道方不方便贴个图看看?
    magicdawn
        14
    magicdawn  
       2023-04-18 20:19:38 +08:00
    咋不 publish 啊
    l4ever
        15
    l4ever  
       2023-04-18 20:22:16 +08:00
    盖里盖气的, 刺眼 /
    l4ever
        16
    l4ever  
       2023-04-18 20:27:52 +08:00
    GitHub Theme
    anson0370
        17
    anson0370  
    OP
       2023-04-18 21:38:00 +08:00
    @magicdawn publish 的,在 vscode extension marketplace 里搜 HardHacker 就有
    sankemao
        18
    sankemao  
       2023-04-18 23:12:44 +08:00
    @anson0370
    "list.focusOutline"这个属性
    lloovve
        19
    lloovve  
       2023-04-18 23:19:40 +08:00 via iPhone
    有没有亮色的。深色主体是散光杀手
    dasbn
        20
    dasbn  
       2023-04-18 23:50:55 +08:00
    @lloovve 白色主题推荐 https://github.com/WhiteVermouth/XcodeTheme
    主要原因是,黑色主题都是色彩满满的,白色主题稍微色彩多点的就几乎米有,几乎所有白色主题就是白底黑字,这方面不得不说 Xcode 白色主题色彩可以
    cosmain
        21
    cosmain  
       2023-04-18 23:57:23 +08:00


    这个我感觉更未来感
    cosmain
        22
    cosmain  
       2023-04-18 23:58:49 +08:00
    zed1018
        23
    zed1018  
       2023-04-19 11:12:05 +08:00   ❤️ 1
    给你提了 PR 了,windows terminal 的版本
    anson0370
        24
    anson0370  
    OP
       2023-04-19 12:17:27 +08:00
    @cosmain 嗯,确实是的。可惜这种发光效果需要 hack vscode 本身文件才行,而且 port 到别的编辑器上也不一定能做到,再一个我个人使用下来长时间还是受不了这样的发光效果,所以就没再考虑。
    anson0370
        25
    anson0370  
    OP
       2023-04-19 12:17:42 +08:00
    @zed1018 感谢,我去看看
    anson0370
        26
    anson0370  
    OP
       2023-04-19 12:33:10 +08:00
    @sankemao 啊,如果是 outline 的话我是故意没加的。选中的背景色不够明显的话,我打算把:`list.activeSelectionForeground` 也设成主色,等我把 list 里的细节再调一下升级一个版本。

    如果你习惯有 outline 的话,可以先在 settings 里先自定义一下:
    ```json
    "workbench.colorCustomizations": {
    "[Hard Hacker]": {
    "list.focusOutline": "#e965a5"
    },
    "[Hard Hacker Darker]": {
    "list.focusOutline": "#e965a5"
    }
    }
    ```

    还有个 `list.inactiveFocusOutline` 属性的,但这个 outline 是 dotted 样式的,就挺怪的……没找到地方改
    anson0370
        27
    anson0370  
    OP
       2023-04-19 13:43:24 +08:00
    @sankemao sorry ,我知道你的意思了。当 list 是 active 的时候,通过键盘上下移动来选择文件时没有指示了,我来改改。因为我习惯都是直接搜或者点就没发现。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2188 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 00:34 · PVG 08:34 · LAX 17:34 · JFK 20:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.