kvl

vscode 主题,但是初音未来

  •  
  •   kvl · 1 day ago · 539 views

    这是一个受初音未来配色启发的 vscode 主题

    它现在有两种配色:深色和浅色

    深色配色启发自经典公式服

    dark

    浅色配色启发自 2026 雪未来的服装

    light

    其实这种以角色为中心的主题也不少,我只是想尽可能最大化代码可读性和角色辨识度,减少眼睛疲劳同时营造一种氛围感

    在不断地和颜色搏斗的过程中,最终留下了一深一浅两个稳定版本

    深色主题其实比较容易,深色背景下,只要颜色正常搭配可读性都不会太差,关键是如何在设计中引入一些小巧思

    浅色主题从选背景色开始就要开始纠结了。据说对人眼最友好的背景色是纸黄色的,所以我一开始参考的是 solarized 这种主题

    但是 solarized 对比度偏低,颜色比较单调,作为一个二次元主题,我希望颜色更鲜艳一点

    中间尝试过很多背景色,最终选择了这种双色 UI ,还学会了一个词,马卡龙色

    目前用了几个月时间,感觉良好,白天用浅色,晚上用深色

    说实话我也不知道这种配色是否忠实还原了原始设计,可能只是一厢情愿

    后来想继续添加其他服装设计的主题,实现到最后感觉和现在的差别不大,无法同时有可读性和辨识度,暂时作罢

    主题配色也 port 到了其他编辑器和终端,比如 zed 、iterm 等等。不过其他 app 配置都不如 vscode 丰富,只能算简化版

    有上架过 vscode 和 open vsx 的插件市场一段时间,最后去掉了,因为发现不支持用同一个版本号更新。因为某些原因我想固定版本号

    用自己写的主题看代码满足感还是挺高的

    其实我是发现了这个节点才来水一贴,一共写了 39 行(

    如果你想尝试的话,这是主题地址: https://github.com/vauxe/hatsune-miku-theme

    5 replies    2026-06-10 17:43:15 +08:00
    v1
        1
    v1  
       1 day ago
    囧,我还以为背景图标都会有元素呢
    nh1010
        2
    nh1010  
       1 day ago
    看看我的,放张扣完的透明背景图完事😋😋😋
    https://img.cdn1.vip/i/6a276d3c57dae_1780968764.webp
    ExplodingDragon
        3
    ExplodingDragon  
       1 day ago
    主题好康,star 啦

    btw 我参考了主题和设计给 Gitea 做了个 pr , 但感觉色系搭配有点怪(? 没有什么艺术细菌 www

    https://github.com/lutinglt/gitea-github-theme/pull/35
    kvl
        4
    kvl  
    OP
       22h 13m ago via iPhone
    @ExplodingDragon 原来 gitea 可以自定义主题吗😂 。vscode 主题配色分为两部分,一部分是语法高亮,一部分是 ui ,你应该参考 ui 那部分。不清楚 gitea 是如何自定义颜色的,个人意见可能有点怪的地方是 1 深色主题按钮颜色不统一 2 浅色主题的按钮应该是粉色。蓝色部分可以只用在标题和导航部分,不要和背景交错。背景的奶油色不统一。只是个人意见😂
    luting
        5
    luting  
       1h 25m ago
    @kvl 因为 Gitea 前端老变, 所以基本 Gitea 的第三方主题都停更了 (
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3252 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 51ms · UTC 11:08 · PVG 19:08 · LAX 04:08 · JFK 07:08
    ♥ Do have faith in what you're doing.