Zed 2026年上手教程一自定义主题: 打造专属深色界面

简介: Zed支持通过`theme_overrides`在`settings.json`中轻量覆写主题(如Aura Dark),无需开发扩展:几行代码即可定制边框、面板背景、光标色、注释斜体等,实时生效,简洁高效。(239字)

Zed 有一个非常吸引人的特性:不用从零编写完整主题文件,直接在 settings.json 通过 theme_overrides 覆写现有主题颜色。我们不需要发布独立扩展,几行配置就能微调边框、面板背景、光标色、语法样式。本文就基于我的这份 Zed 配置,逐项拆解每个配置项的作用与视觉效果。

前置介绍

Zed 的配置文件路径:~/.config/zed/settings.json
我们基于现成的 Aura Dark 主题来做二次定制,同时搭配图标主题 Warm Charmed Icons。

{
   
  "icon_theme": "Warm Charmed Icons",
  "theme": "Aura Dark",
  "theme_overrides": {
   
    "Aura Dark": {
   
      // 界面边框
      "border.variant": "#15141C",
      "border": "#15141C",
      // 窗口标题栏背景
      "title_bar.background": "#15141C",
      // 底部面板(终端、输出面板)背景
      "panel.background": "#15141C",
      // 面板获得焦点时的边框颜色
      "panel.focused_border": "#4E4666E",
      // 光标颜色配置
      "players": [
        {
   
          "cursor": "#bd9dff"
        }
      ],
      // 语法高亮:普通注释斜体
      "syntax": {
   
        "comment": {
   
          "font_style": "italic"
        },
        "comment.doc": {
   
          "font_style": "italic"
        }
      }
    }
  }
}

逐项解析配置与效果

1. 基础主题与图标

"icon_theme": "Warm Charmed Icons",
"theme": "Aura Dark",
  • theme:指定基础主题,所有覆写都建立在这个主题之上。这里选用流行的 Aura Dark。
  • icon_theme:文件树图标集,Warm Charmed Icons 是柔和暖调图标,搭配深色主题视觉更舒服。

    核心:theme_overrides 是针对上面选中主题的局部覆盖,切换到别的主题,这套自定义样式不会生效。

这些目前都可以在插件种可以安装

在这里插入图片描述
搜索aura

在这里插入图片描述
还有icons

在这里插入图片描述
安装之后,原来默认的icon是这样的

在这里插入图片描述
安装之后的效果是

在这里插入图片描述
这个时候setting.json就会有如下内容

在这里插入图片描述
接下来我们就可以基于此来自定义自己的zed了

2. 全局边框 & 标题栏配色

比如当前这个主题在每个editor上方会有一条有颜色的线条,我们可以提供配置来自定义他
在这里插入图片描述```json
"border.variant": "#15141C",
"border": "#15141C",
"title_bar.background": "#15141C",
"panel.background": "#15141C"

颜色 `#15141C` 是极深的暗紫色。
- `border`:编辑器所有分割边框(文件标签、侧边栏、面板分隔线)。
- `border.variant`:次要边框,弹窗、提示框边框。
- `title_bar.background`:macOS 的窗口标题栏背景,和编辑器主体融为一体,消除割裂感。
- `panel.background`:底部面板,终端、问题面板、搜索结果面板背景,统一底色。

效果:编辑器整体低对比、极简。默认主题的浅灰色分割线消失,整个界面融为一体,视觉干扰更少,适合长时间写代码。
 ![在这里插入图片描述](https://ucc.alicdn.com/pic/developer-ecology/va5sif5a6cjrc_13b0a512473b48bc93b7efec8e1241aa.png)



### 3. 面板聚焦边框
```json
"panel.focused_border": "#4E4666E"

当底部终端面板激活、获得焦点时,这条边框会启用这个淡紫灰颜色。

  • 作用:区分「当前激活面板」,不用盯着文字看才能判断焦点在哪。

    非激活状态下,面板边框使用上面 border 的深色,激活后切换成高亮边框。

4. 光标颜色 players

"players": [
  {
   
    "cursor": "#bd9dff"
  }
]

players 在Zed里代表多光标/编辑用户,数组可以配置多个光标。

  • cursor:输入光标颜色,#bd9dff 柔和淡紫色。
    效果:在深色代码上光标清晰,又不会像纯白色光标那样刺眼。多人协同编辑时,还可以给不同player设置不同光标色。

在这里插入图片描述

5. Syntax 语法样式:注释斜体

默认注释是这样的
在这里插入图片描述

"syntax": {
   
  "comment": {
   
    "font_style": "italic"
  },
  "comment.doc": {
   
    "font_style": "italic"
  }
}
  • comment:单行/多行普通注释,设置 italic 斜体。
  • comment.doc:文档注释(TSDoc、Go doc、JSDoc)。
    效果:注释自动斜体,代码阅读时一眼区分注释和业务代码,是很多开发者偏好的样式。

在这里插入图片描述

Zed自定义主题的核心优势(对比VS Code)

  1. 无需开发扩展:VS Code自定义主题一般要单独写主题扩展;Zed直接在settings.json写theme_overrides,开箱即用。
  2. 增量覆写:只写你想修改的字段,其他颜色沿用原Aura Dark,不用维护一长串完整色值。
  3. 配置实时生效:修改settings.json保存,Zed立刻刷新界面,不需要重启编辑器。

小结

Zed 的 theme_overrides 是一个很巧妙的设计。它没有强制要求开发者从零构建完整主题,而是允许在成熟主题基础上做细微打磨。从窗口标题、面板边框,到光标、注释字体样式,全部都可以在settings.json里统一管理。
这套低对比度暗紫风格,把界面分割线弱化,视觉重心完全放在代码文本上,非常适合长时间编码。如果你厌倦了千篇一律的默认主题,可以拿这份配置作为起点,微调成自己喜欢的样式。


相关文章
|
2天前
|
存储 弹性计算 关系型数据库
阿里云2026年优惠活动大全出炉!怎么便宜买云服务器?新用户云产品特惠福利说明
总而言之, 阿里云轻量应用服务器、阿里云ECS云服务器、阿里云GPU云服务器、阿里云大模型服务平台 大促的活动入口分布在官网专场、控制台首页、产品特惠详情页三处,新人登录账号之后优先在主会场领取代金券,再挑选首购特惠机型。在下单前,除了网页查看规格,也可以借助CLI工具查询实例信息,做好前期规划,合理利用新人权益,以较低成本完成上云学习和小型业务部署。
|
1天前
|
存储 人工智能 监控
阿里云无影云电脑服务租用价格表(一年 / 按月 / 按小时报价明细)
阿里云无影云电脑是云上桌面服务,将计算、存储、网络资源部署在云端,用户只需通过客户端即可远程访问桌面,支持远程办公、在线开发、设计渲染、教学实训等场景。无影分为个人版与企业版两套计费体系,支持按月订阅、按年订阅、按小时按需计费。个人版以无影灵豆计量开机时长,企业版提供时长包不限时长套餐,超出额度后自动切换至按小时计费。本文整理各版本套餐按月、按年、按小时报价明细,拆解计费规则,附带阿里云CLI命令,方便个人用户、企业IT负责人评估预算,合理选择套餐。
|
1天前
|
存储 人工智能 运维
阿里云 OSS 对象存储服务租用价格表(一年 / 按月 / 按小时报价明细)
阿里云OSS对象存储是海量、安全、低成本、高可靠的云存储底座,广泛用于网站图片、音视频、静态资源、备份归档、大数据、AI训练数据集等场景。OSS提供标准、低频、归档、冷归档、深度冷归档五种存储类型,计费由**存储费用、流量费用、请求费用**以及图片处理、传输加速等增值费用共同组成。支持**按量后付费**与**资源包预付费**两种模式,资源包可按月、按年购买,按量计费按小时折算实际用量。本文整理各存储类型的报价明细,拆解计费规则、选型思路,附带命令行代码示例,帮助开发者、运维人员准确测算对象存储成本。
|
1天前
|
编解码 运维 供应链
直播电商带货系统源码、小程序/APP开发:平台搭建方案全面解析
直播电商带货系统如何开发?本文从软件开发角度,全面解析直播间管理、商城交易、营销工具、会员体系等核心功能,介绍直播电商小程序与APP的开发区别,并分析成熟系统源码、二次开发及定制开发的适用场景。同时梳理平台搭建过程中的系统稳定性、交易安全和后期维护要点,为企业建设直播带货平台提供参考。
|
1天前
|
人工智能 安全 API
获取与配置:阿里云百炼 API Key,阿里云AI大模型服务平台百炼(Model Studio)
阿里云百炼API Key在控制台「API Key」页创建复制,需先开通服务并选对地域。新用户免费领超7000万Tokens,支持Token/Coding Plan计费更省钱。安全起见,请勿硬编码密钥,推荐环境变量管理。(239字)
57 0
|
1天前
|
机器学习/深度学习 人工智能 自然语言处理
我为什么做 InBrief:把 AI 一手信源收进一个入口
InBrief 是我参与的 AI 资讯聚合项目,起因不是信息太少,而是入口太多:官方博客、GitHub Trending、Hugging Face 论文榜、X、Hacker News、Reddit 各占一个标签页,刷完却记不住几条,二手转述还常滞后、丢掉适用范围和接口变化等细节。InBrief 从这些源头持续采集,用 LLM 过滤、打分、去重,输出中英双语摘要,目前追踪 370+ 个信息源,每 2 小时更新一次,采集引擎以 MIT 协议开源、可自行部署。它的目标很窄:把「源头发布 → 摘要 → 判断值不值得点开原文」这段路缩短,第一层优先看官方发布与仓库更新。
30 0
|
20小时前
|
人工智能 C++ 开发者
VS Code 正式上线 HydraFusion:以后不是你在选模型,是模型在选工作流
HydraFusion 是 VS Code 推出的自适应AI编排系统(研究预览版),不选模型,而选**解决任务的最佳流程**:单模型直答、级联升级或双模互审。让复杂编程任务(重构、调试、跨文件修改)自动匹配最优工作流,解放开发者模型选择负担。(239字)
|
1天前
|
算法 前端开发 Java
jquick-pdf 防止 PDF 内容分页断裂:keepTogether 属性妙用
jquick-pdf 的 `keepTogether` 属性可智能防止PDF内容分页断裂,确保标题、摘要、签名区等业务块整体出现在同一页。它在布局阶段预判空间并自动换页,非强制分页,兼顾专业性与页面利用率。适用于订单确认、审批意见等场景。
|
1天前
|
弹性计算 运维 网络协议
云上健康检查是标配,内网穿透隧道的 "最后一跳" 谁在盯?
云上健康检查已成标配,但内网穿透的“最后一跳”常被忽视:隧道通≠应用活。本文详解如何为隧道补上应用级健康探测——由内网客户端主动探活(HTTP/TCP)、防抖判定、Webhook告警,实现故障早发现、快定位,与云上健康检查互补协同。(239字)
|
1天前
|
人工智能 前端开发 测试技术
用Playwright MCP + GitHub Copilot实现自动化脚本自动生成
本文分享如何用Playwright MCP + GitHub Copilot将27条E2E脚本编写时间从28小时压缩至90分钟。通过3个真实案例——动态登录流程、12条订单关联脚本、15条老脚本批量修复,详解“精准指令+页面状态接力+稳定定位器”实战方法论,实现零硬编码、高稳定性、强可维护的AI辅助自动化测试落地。