美文网首页嵌牛IT观察
修改Sublime Text编辑器滚动条滑块颜色的方法

修改Sublime Text编辑器滚动条滑块颜色的方法

作者: 陌然_5236 | 来源:发表于2020-01-13 18:27 被阅读0次

    姓名:张璐      

    学号:19021210845

    转载自:http://www.aqee.net/post/change-sublime-text-scrollbar-color.html

    【嵌牛导读】Sublime Text有些问题是我不喜欢的,比如,它的窗口滚动条滑块的颜色和背景太相似,以至于我很难找到滑块在哪里。

    【嵌牛鼻子】Sublime Text、滚动条、自定义

    【嵌牛提问】如何修改Sublime Text的滚动条滑块的颜色

    Sublime Text 是我最喜爱的文本编辑器,它强大的代码辅助和代码模板功能是我用的最多的地方,虽然时不时会弹出提示你购买的窗口,但我觉得这完全不妨碍我使用这样一个优秀的免费文本编辑器。

    但Sublime Text也有些问题是我不喜欢的,比如,它的窗口滚动条滑块的颜色和背景太相似,以至于我很难找到滑块在哪里(我使用的是Sublime Text 3缺省的暗黑皮肤)。如图:

    在晚上,或在你调暗电脑屏幕后,几乎看不到滚动条滑块在哪里。

    Sublime Text编辑器有很强大的自定义功能,可以换肤,可以安装插件。下面,我将要讲一讲如何修改Sublime Text的滚动条滑块的颜色。

    我使用的是Sublime Text 3。要修改Sublime Text的颜色,我们会首先想到修改主题皮肤的属性。我们可以在Preferences.sublime-settings里写一段代码覆盖掉原有主题的某些颜色属性。但问题是,Sublime Text的滑块颜色并不是只通过修改颜色就可以解决的,它的滑块实际上是用图片表现的,也就是说,你不仅要修改颜色,还要换图片。

    所以,解决方法就是创建两个新的滚动条滑块图片(一个横向的,一个竖向的),图片颜色要明亮些,然后,按照下面的步骤一步步设置。

    修改Sublime Text滚动条颜色的步骤:

    1、找到你的Sublime Text的“User”目录(Packages/User)。这个“Packages”目录你可以通过Sublime Text上的菜单“Preferences>Browse Packages”打开,就可以看到“User”目录。(在Linux系统里,这个目录通常位于“/home/username/.config/sublime-text-3/Packages/User”目录。)

    2、在“User”目录下,创建一个叫“Theme – Default”的目录。我们将在这个目录里创建一个配置文件,来覆盖掉缺省主题皮肤的某些属性。

    3、在“Theme – Default”目录下创建一个叫做“Default.sublime-theme”的文件,在文件里添加如下内容:

    [

        // More visible scrollbar

        {

            "class": "puck_control",

            "layer0.texture": "User/Theme - Default/vertical_white_scrollbar.png",

            // Adjust RGB color. Optional: comment the following line (or set 255,255,255) to not modify image color

            "layer0.tint": [200, 170, 250]

        },

        {

            "class": "puck_control",

            "attributes": ["horizontal"],

            "layer0.texture": "User/Theme - Default/horizontal_white_scrollbar.png"

        }

    ]

    4、在“Theme – Default”目录里,放入我们创建的两个新的、颜色更明亮的滑块图片,并命名如下:

    vertical_white_scrollbar.png (

    )horizontal_white_scrollbar.png (

    ).

    。(右键“图片另存为”可下载这两个图片)。

    5、重启Sublime Text。

    6、你还可以修改配置里的RGB颜色值来获得不同的润色,这种修改不需要重启Sublime Text。

    修改完的效果如下图:

    相关文章

      网友评论

        本文标题:修改Sublime Text编辑器滚动条滑块颜色的方法

        本文链接:https://www.haomeiwen.com/subject/xesnactx.html