Sublime Text如何修改默认主题_Sublime Text通过JSON修改配色【技巧】

轻晨同学_2048

轻晨同学_2048

2026-05-22

1021人浏览

原创

必须修改preferences.sublime-settings中的"theme"和"color_scheme"两项,文件名需严格匹配(含后缀、大小写、空格及packages/前缀),插件覆盖、路径错误或st4兼容性问题常导致失效。

sublime text如何修改默认主题_sublime text通过json修改配色【技巧】

改 Sublime Text 的默认主题和配色方案,必须改 Preferences.sublime-settings 里的 "theme" 和 "color_scheme" 两项,其他地方改了都不生效。

怎么确认主题和配色方案文件名写对了

Sublime 不会自动补全或校验路径,拼错一个字符就回退到默认皮肤。常见错误包括后缀漏写、大小写不一致、路径中多空格或用了反斜杠。

  • "theme" 值必须是带 .sublime-theme 后缀的完整文件名,比如 "ayu-dark.sublime-theme",不能只写 "ayu-dark"
  • "color_scheme" 必须是 Packages/xxx/yyy.tmTheme 或 Packages/xxx/yyy.sublime-color-scheme 这种完整路径,不能省略 Packages/ 前缀
  • 文件实际存放位置要和路径匹配:比如 "Packages/Material Theme/dist/schemes/Material-Theme.tmTheme",说明主题插件文件夹名必须是 Material Theme(含空格),且子目录结构完全一致
  • 用菜单 Preferences → Browse Packages… 打开真实目录,手动核对文件是否存在、名字是否一模一样

为什么改了设置没反应

最常被忽略的原因是插件覆盖了你的配置,尤其是 EditorConfig 和 Theme Toggler 类插件——它们会在打开项目时动态重设 theme 或 color_scheme。

Browser Js
Browser Js

轻量级CDP浏览器控制,适用于AI代理。相较于内置浏览器工具,token消耗降低3‑10倍,仅在浏览时使用。

下载
  • 先关掉 EditorConfig:菜单 Tools → EditorConfig → Toggle EditorConfig,再试一次
  • 检查有没有启用多个主题插件,比如同时装了 Material Theme 和 Ayu,它们的初始化逻辑可能互相冲突
  • 如果用的是 Sublime Text 4,老主题(如 ST3 专属的 .tmTheme)可能解析失败,控制台会报 error parsing theme,此时需换用支持 ST4 的新版主题
  • 改完保存后没刷新?不是所有主题都支持热加载,重启 Sublime 是最快验证方式

如何安全地绑定快捷键切换主题+配色

靠手动改 JSON 太慢,用快捷键绑定命令才是高效做法。但注意:单个快捷键只能触发一个命令,要同步切 UI 主题和代码配色,得用数组形式写多个 set_setting。

  • 打开 Preferences → Key Bindings,在右侧用户区域添加:
[
  {
    "keys": ["ctrl+alt+d"],
    "command": "set_setting",
    "args": {"setting": "theme", "value": "ayu-dark.sublime-theme"}
  },
  {
    "keys": ["ctrl+alt+d"],
    "command": "set_setting",
    "args": {"setting": "color_scheme", "value": "Packages/ayu/ayu-dark.sublime-color-scheme"}
  }
]
  • 同一个快捷键触发两次 set_setting 是允许的,但必须分开写成两条记录,不能合并进一个对象
  • 别用 toggle_setting,它只适合布尔值(如 draw_white_space),对字符串型设置无效
  • 快捷键冲突?检查是否和已安装插件的 keymap 重叠,比如 Ctrl+Alt+D 可能被 SideBarEnhancements 占用
  • 主题依赖项经常被漏掉

    现代主题(如 Material Theme、Ayu)不是单个文件就能跑起来的,缺图标、缺字体缩放、缺 UI 资源都会导致界面错位或部分元素不渲染。

    • 必须同时配置 "icon_theme":例如 "icon_theme": "Material Theme/Material-Theme.sublime-theme"
    • 有些主题默认按 font_size: 10 设计,你设了 14 就会按钮挤压、标签截断,可加 "ui_font_size": 12 单独调 UI 字体大小
    • 高分屏用户注意:"dpi_scale" 设为 1.25 或 1.5 可缓解 UI 模糊,但并非所有主题都适配 dpi 缩放
    • 改完后侧边栏变空白、标签页消失?八成是 "theme" 和 "icon_theme" 文件名或路径不匹配,而不是主题本身坏了

    相关文章

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

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

    下载

    相关标签:

    sublime js json

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

    相关专题

    更多
    js正则表达式
    js正则表达式

    php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

    2023.06.20

    4036

    8

    js获取当前时间
    js获取当前时间

    JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

    2023.07.28

    1275

    5

    js 字符串转数组
    js 字符串转数组

    js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

    2023.08.03

    1638

    5

    js是什么意思
    js是什么意思

    JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

    2023.08.17

    9563

    11

    js删除节点的方法
    js删除节点的方法

    js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

    2023.09.01

    900

    4

    js截取字符串的方法
    js截取字符串的方法

    js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

    2023.09.04

    2444

    5

    Js中concat和push的区别
    Js中concat和push的区别

    Js中concat和push的区别:1、concat用于将两个或多个数组合并成一个新数组,并返回这个新数组,而push用于向数组的末尾添加一个或多个元素,并返回修改后的数组的新长度;2、concat不会修改原始数组,是创建新的数组,而push会修改原数组,将新元素添加到原数组的末尾等等。本专题为大家提供concat和push相关的文章、下载、课程内容,供大家免费下载体验。

    2023.09.14

    1489

    5

    js截取字符串的方法介绍
    js截取字符串的方法介绍

    JavaScript字符串截取方法,包括substring、slice、substr、charAt和split方法。这些方法可以根据具体需求,灵活地截取字符串的不同部分。在实际开发中,根据具体情况选择合适的方法进行字符串截取,能够提高代码的效率和可读性 。

    2023.09.21

    4169

    3

    js生成随机数方法
    js生成随机数方法

    JavaScript生成随机数的方法,包括使用Math.random()方法生成指定范围内的随机整数、生成随机字符串和生成随机颜色。根据具体需求,可以选择适合的方法来生成随机数,以实现各种功能 。

    2023.09.25

    2375

    5

    热门下载

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

    精品课程

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