Sublime Text怎么做颜色主题自定义_Sublime Text自定义主题教程【对比】

梦丽君_5365

梦丽君_5365

2026-04-07

727人浏览

原创

sublime text颜色主题由color_scheme(代码区)和theme(ui界面)两个独立系统控制。color_scheme用.tmtheme或.sublime-color-scheme文件,改background/foreground等键值;theme用.sublime-theme json文件,控制侧边栏、标签页等,路径须完整且大小写敏感,修改后需手动重选主题或重启窗口生效。

sublime text怎么做颜色主题自定义_sublime text自定义主题教程【对比】

Sublime Text 的颜色主题自定义不是“改一个地方就全变”,它实际由两个独立系统控制:color_scheme(代码区语法高亮)和 theme(UI 界面,如侧边栏、标签页)。两者路径、格式、生效方式都不同,混着改容易白忙活。

怎么改代码编辑区颜色(color_scheme)

这是你每天盯着看的部分,优先处理。核心是修改或新建一个 .tmTheme 文件(XML 格式),放在 Packages/User/ 目录下。

  • 别手动写 XML:按 Ctrl+Shift+P(Win/Linux)或 Cmd+Shift+P(Mac),输入 New Color Scheme,用 PackageDev 插件生成标准模板,省去结构错误风险
  • 全局色直接改 <key>background</key> 和 <key>foreground</key>,值必须是带 # 的十六进制(如 #1e1e1e),不支持 rgb() 或英文名
  • 注释颜色要改 comment scope,但注意区分:comment.line(# 或 //)、comment.block(/* */)、comment.documentation(/** */),它们可以各自设不同颜色
  • 改完保存,不用重启,但得在 Preferences → Color Scheme 里重新选一次你的主题才能生效——Sublime 不会自动切换到刚保存的文件

怎么改侧边栏、标签页这些 UI 颜色(theme)

UI 主题是 JSON 格式,文件名以 .sublime-theme 结尾,控制的是非编辑区。改错位置或格式,整个 UI 可能直接回退到默认样式。

Petalica Paint
Petalica Paint

一款利用AI为线稿自动上色的在线绘图工具,可快速为黑白草图添加自然配色并辅助完善画面效果。

下载
  • 路径必须完整且大小写敏感:"theme": "Packages/User/MyCustom.sublime-theme" ——漏掉 Packages/ 前缀、大小写拼错(比如写成 mycustom),Sublime 就当没这回事
  • 侧边栏背景通常靠 "class": "sidebar_container" 下的 layer0.tint 控制,值是 RGB 数组(如 [40, 40, 40]),不是十六进制;改完保存后,部分变化(比如树状目录背景)需要关闭再打开一个新窗口才刷新
  • 不要直接编辑原始主题:从 Packages/ 下复制一份到 Packages/User/ 再改,避免插件更新时被覆盖
  • 某些插件(如 Origami 或 BracketHighlighter)会劫持 UI 渲染,如果改了没反应,先禁用它们测试

color_scheme 和 theme 路径怎么查才不踩坑

路径写错是失败最常见原因。不能靠猜,得实锤。

  • color_scheme 路径:在 Preferences → Color Scheme 里选中某个方案,右下角状态栏会显示完整路径,例如 Packages/Dracula Color Scheme/Dracula.sublime-color-scheme ——注意这里可能是 .sublime-color-scheme(新格式)或 .tmTheme(旧格式),二者不兼容
  • theme 路径:同样在 Preferences → Theme… 里选一个,状态栏也会显示路径;如果显示的是 Adaptive.sublime-theme,真实路径就是 Packages/Theme - Default/Adaptive.sublime-theme(中间有空格和短横)
  • 所有路径都从 Packages/ 开始,不能用相对路径(如 User/xxx),也不能省略扩展名

真正麻烦的不是改颜色,而是两套系统之间没有联动:你调好了 color_scheme 的深色背景,但 theme 的侧边栏还是亮白,这种割裂感得靠手动对齐。另外,.sublime-color-scheme(JSON 新格式)和 .tmTheme(XML 旧格式)不能混用,选错格式会导致整个配色失效,而且错误提示几乎为零。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2015

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

2882

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

976

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3259

7

pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.04.01

4184

5

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2024.08.01

5377

7

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

2024.11.28

2342

7

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

2024.01.03

3456

7

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

2025.12.06

286

9

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程