0

0

Sublime怎么改背景色 Sublime怎么自定义编辑区颜色【美化】

尼克

尼克

发布时间:2026-03-05 10:10:08

|

734人浏览过

|

来源于php中文网

原创

sublime怎么改背景色 sublime怎么自定义编辑区颜色【美化】

直接改 background 值是最有效的方法

Sublime 的编辑区背景色不是靠设置文件控制的,必须修改当前启用的配色方案(.sublime-color-scheme 或旧版 .tmTheme)里的 background 字段。改对这一项,眼睛立刻放松——关键不是“深”或“浅”,而是低饱和、中明度,比如豆沙绿 #C7EDCC(RGB: 199, 237, 204)。

  • 别碰 Packages/Color Scheme - Default/ 下的原始文件,更新后会被清空
  • 推荐复制一份到 Packages/User/ 目录下,重命名如 MyEyes.sublime-color-scheme
  • 用 Sublime 自己打开它,搜索 "background",找到紧跟着的字符串值(通常在 globals 或顶层 settings 块里),替换成你的护眼色
  • 改完保存,立即去 Preferences → Color Scheme 选你的新方案

为什么只改 background 是“半护眼”

编辑区背景变柔和了,但如果注释、字符串、关键词还是高饱和荧光色(比如刺眼的 #FF2727 红或 #AE81FF 紫),盯十分钟照样眼酸。真正的护眼需要整体协调。

  • 在同一个配色文件里继续搜索 "comment""string""keyword",把它们的 foregroundbackground 也调低饱和度
  • 避免纯白 #FFFFFF(蓝光抑制褪黑素)和纯黑 #000000(与亮文字对比过强)
  • 如果用的是 .tmTheme(XML 格式),注意它不支持透明度;.sublime-color-scheme(JSON)才支持 rgba(),但需 Sublime ≥ v4126

选中区域颜色不匹配?得改 selectionregion

很多用户改完背景发现选中文本看不清,是因为 selection 背景色没同步调整。这个值独立于 background,必须手动加或改规则。

考拉新媒体导航
考拉新媒体导航

考拉新媒体导航——新媒体人的专属门户网站

下载
  • 在配色文件的 "rules" 数组末尾添加:
    { "name": "Selection", "scope": "selection", "background": "#3a405a" }
  • 顺手加上 region 规则(影响 Find 高亮、括号匹配、插件标记等):
    { "name": "Region", "scope": "region", "background": "#4a5568" }
  • "selection" 必须存在,否则 Sublime 会回退到默认深蓝色,可能和新背景冲突
  • 别用 8 位 hex(如 #2a5c3a80),Sublime color scheme 不识别,整条规则会被静默忽略

侧边栏、行号(gutter)颜色不搭?那是主题文件的事

编辑区背景、语法色、选中色都归配色方案(.sublime-color-scheme)管;但侧边栏、标签页、行号这些 UI 元素,归主题文件(.sublime-theme)管。想统一风格,得另开一局。

  • 确认当前主题:菜单 Preferences → Theme,路径通常在 Packages/Theme - Default/Default.sublime-theme 或第三方主题目录
  • 在主题文件里搜索 "class": "gutter",添加或修改 "gutter_background" 字段,例如:
    "gutter_background": "#e8f5e8"
  • 如果主题被打包成 .sublime-package,需用 PackageResourceViewer 插件解压后再改
  • 改完保存,无需重启,UI 会实时刷新

真正麻烦的从来不是改哪一行,而是分不清哪些颜色归配色方案管、哪些归主题管——改错地方,改十次也没用。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

452

2023.08.07

json是什么
json是什么

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

546

2023.08.23

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

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

330

2023.10.13

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

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

81

2025.09.10

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

930

2023.08.02

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

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

1940

2024.04.01

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

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

2117

2024.08.01

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

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

1155

2024.11.28

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

33

2026.03.04

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号