更改sublime_text主题、背景配色

最新推荐文章于 2026-04-13 08:37:18 发布

原创最新推荐文章于 2026-04-13 08:37:18 发布 · 8.6k 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#sublime_text #theme #背景

subilme_text 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Sublime Text中使用PackageResourceViewer插件修改主题背景色，以实现护眼效果。通过安装插件、查找并编辑配色方案及主题配置文件，可自定义背景和侧边栏颜色。

设置护眼背景色

作为一枚妥妥的初学者，用惯了HbuilderX 的护眼配色，再用上sublime_text，发现实在不是很喜欢sublime_text的色调，于是上网收集了一番theme的package，无奈还是没有喜欢的，经过查询发现，有一个PackageResourceViewer的插件很好用，可以修改其他插件的配置哦，于是乎拿来修改主题的背景色吧！

安装PackageResourceViewer

首先工具-命令面板（ctrl+shift+p） ,输入Package Control：install Package，搜索PackageResourceViewer，等待安装完毕。

查看自用配置方案和主题

查看自己所用的配色方案和主题，在preference下的我用的配色方案是Sixteen属于Color Scheme - Default系列的，而theme是使用ayu的light。

打开配色方案和主题配置文件

在工具-命令面板（ctrl+shift+p）中输入PackageResourceViewer:OpenResource,找到自己要修改配色方案和主题，例如我的Color Scheme - Default Sixteen。
在这里插入图片描述

修改配置文件

拿配色方案Sixteen举例，如图所示，先设置一个Hbuilder的护眼绿颜色，“Hbuilder”: “rgb(255, 250, 232)”，再把Hbuilder颜色应用到globals的background上就可以啦。
在这里插入图片描述
改变完背景颜色还有个侧边栏的颜色哦！我的侧边栏颜色是在ayu主题下的light theme里设置的，文件名为ayu-light.sublime-theme,在工具-命令面板（ctrl+shift+p）中输入PackageResourceViewer:OpenResource,打开ayu下的ayu-light.sublime-theme。在这里插入图片描述

修改sidebar_container中的layer0.tint的颜色为rgb(255, 250, 232)也就是Hbuilder的护眼绿。

完成啦！