Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier

本文介绍Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色,所谓工欲善其事必先利其器,像我这等追求精准提示和确认的人,Sublime Tex 自带的主题这样的展示方式,肯定我是不答应的,自己动手改,才是最适合自己的,下面记录一下我这一通宵的成果。


一,安装:

首先安装好Sublime Text(下面文里简称为SBT),我装的是现在最新的 3.0 Version Build3134,

官网下载地址:https://www.sublimetext.com/

装好后打开,界面是这样的

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第1张图片


我个人真心不习惯这样方式显示的标签,激活状态的标签是黑色,亮色的反倒儿不是当前编辑的。而且为了看得更清楚标签上的文件名,我同时也会把标签字的颜色也改成白色,笔计本在强光环境下时看得清楚,动手吧,修改。


二、开始修改:

我要达到的效果是激活的标签为亮灰色,修改过还未保存的页面标签则变为红色。

1、找到你的Sublime Text安装目录,目录下有个文件夹叫“Packages”,里面有个名为“Theme - Default.sublime-package”的文件,复制它到随意目录。


2、接下来把刚才复制的文件扩展名改为zip,即为Theme - Default.sublime-package.zip”,用压缩软件解压它,解压出来得到一堆文件如图:

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第2张图片

进入“adaptive”这个文件夹里面,编辑打开名为“Adaptive.sublime-theme”的文件,直接用SBT打开修改,查找 "attributes": ["selected"] 大概在379行左右,如图所示:

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第3张图片

修改为:

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第4张图片

这样激活的标签,就会是亮灰色的。接下来实现未保存编辑页的标签为红色,


改好上面的后,新加入一个对象:

    {
        "class": "tab_control",
        "attributes": ["dirty"],
        "layer3.opacity": 0.5,
        "tint_modifier": [255, 100, 0, 0.5]
    },
这样就实现了 未保存编辑页的标签变为红色。

接下来再把标签的文字颜色全部改成白色,查找 这一段代码:

    {
        "class": "tab_label",
        "fg": [152, 152, 152],
        "shadow_color": [0, 0, 0, 0.25],
        "shadow_offset": [0, -1]
    },

把fg里的数字改为:"fg": [255, 255, 255],这样就实现了标签的文字颜色全部变成白色。修改完毕,保存一下文件。


按下图原有目录结构,重新打包一下刚才解压出来和修改过的文件,如图压缩方式选存储,并且注意图里这些文件是在包里根目录。

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第5张图片

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第6张图片

把压缩包zip扩展名去除,再把这个文件复制回原目录覆盖原有的。


附上一个我改好的,喜欢的话你可以直接拿去覆盖使用:



三、爽爽地使用:

关闭SBT,重新打开,选菜单 Preferences --> theme...,在弹出的窗口选“Adaptive.sublime-theme”主题

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第7张图片


然后,大功告成!

Sublime Text全黑主题+自定义修改Sublime Text的标签栏背景色 tint_modifier_第8张图片


四、后记和分享

首先分享一下我的配置,可以直接复制使用,打开Preferences --> Settings窗口粘贴保存即可:

{
	"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
	"font_face": "Courier New",
	"font_size": 9,
	"highlight_line": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"show_encoding": true,
	"tabs_small": true,
	"theme": "Adaptive.sublime-theme",
	"word_wrap": false
}



扩展了解:

    {
        "class": "tab_label",
        "fg": [255, 255, 255],
        "shadow_color": [0, 0, 0, 0.25],
        "shadow_offset": [0, -1]
    }

上面这一段代码是标签文字的默认颜色。


    {
        "class": "tab_label",
        "parents": [{"class": "tab_control", "attributes": ["selected"]}],
        "fg": [255, 255, 255]
    }
上面这一段是标签选中时标签文字的颜色。


    //whim add tab_label begin
    {
        "class": "tab_label",
        "parents": [{"class": "tab_control", "attributes": ["dirty"]}],
        "fg": [255, 255, 255]
    },
    //whim add tab_label end

上面这段是我自己加进去,作用是当标签的内容有变化未保存时,标签文字的颜色。


注:本文为原创文章,转载请注明出处和作者,欢迎交流,谢谢!


你可能感兴趣的:(Sublime,Text,标签自定义,标签颜色,Sublime皮肤,Sublime标签自定义)