答案：在brackets中通过修改.less文件自定义主题，可调整颜色、字体等样式。复制dark-theme.less为my-custom-theme.less，编辑变量如@syntax-background-color、@syntax-text-color等，保存后重启或按ctrl+alt+x重载，主题即出现在菜单中，支持导出为.brackets-theme分享。
在Brackets中自定义HTML编辑器主题，可以提升编码体验，让界面更符合个人审美或护眼需求。整个过程不复杂，只需修改或创建主题文件，并正确加载即可。
了解Brackets主题结构
Brackets的主题基于CSS编写，所有主题都存放在brackets/src/extensions/default/Themes目录下。每个主题是一个.less文件，例如dark-theme.less。这些文件通过LESS编译为CSS，控制编辑器的颜色、字体和背景等样式。
关键点包括：
- 语法高亮由变量如@syntax-text-color控制
- 背景色使用@syntax-background-color
- 光标、边栏、状态栏等也有对应变量
- 支持自定义字体和字号
创建自定义主题文件
建议复制现有主题作为起点。打开Brackets安装目录，进入Themes文件夹，复制dark-theme.less并重命名为my-custom-theme.less。
立即学习“前端免费学习笔记（深入）”；
编辑该文件，修改以下常用变量：
- 背景与文字：@syntax-background-color: #1e1e1e;，@syntax-text-color: #d4d4d4;
- 关键字颜色：@syntax-keyword-color: #569cd6;
- 字符串颜色：@syntax-string-color: #ce9178;
- 注释颜色：@syntax-comment-color: #6a9955;
- 边栏背景：@sidebar-background-color: #252526;
保存后，重启Brackets，新主题会出现在视图 → 主题菜单中。
实时预览与调试
修改主题时无需每次重启。保存.less文件后，在Brackets中按Ctrl+Alt+X可重新加载主题。如果样式未生效，检查控制台是否有LESS编译错误（可通过开发者工具查看）。
提示：
- 使用十六进制颜色码确保兼容性
- 避免设置过亮的背景用于暗色主题
- 调整字体大小可用@editor-font-size: 14px;
导出与分享主题
完成自定义后，可将.less文件打包为.brackets-theme格式分享。创建一个同名文件夹，包含主题文件和package.json描述信息即可。
基本上就这些。只要掌握变量命名规则，就能自由打造个性化编辑环境。
