Sublime text 3设置侧栏

￡神魔★判官ぃ 2022-05-17 01:15 395阅读 0赞

鉴于目前网上对修改sublime text3 左侧边栏样式的解决方法比较少，给的解决方法也很模糊，于是笔者我花了点时间整理个比较详细的解决方法步骤供各位参考：

**1、首先打开sublime text3，点击如下图所示：**

![Image 1][]![Center][]

**会进打开此文件夹：**

![Image 1][]![Center 1][]

**2、之后进入上图所示文件夹，打开里面的配置文件：Default.sublime-theme**

**3、设置左侧栏背景颜色》**

搜索：sidebar\_tree，修改

“class”: “sidebar\_tree”,  
        “row\_padding”: \[8, 3\],  
        “indent”: 12,  
        “indent\_offset”: 17,  
        “indent\_top\_level”: false,  
        “layer0.tint”: \[47, 79, 79\], //修改此处RGB代码  
        “layer0.opacity”: 1.0,  
        “dark\_content”: false

**4、设置左侧栏字体颜色》**

搜索：sidebar\_label，修改

“class”: “sidebar\_label”,  
        “color”: \[224, 238, 238\], //修改此处RGB代码  
        “font.bold”: false,  
        “font.italic”: false  
        // , “shadow\_color”: \[250, 250, 250\], “shadow\_offset”: \[0, 0\]

**5、设置左侧栏选中字体颜色》**

“class”: “sidebar\_label”,  
        “parents”: \[\{“class”: “tree\_row”, “attributes”: \[“selected”\]\}\],  
        “color”: \[255, 255, 255\] //修改此处RGB代码  
        // , “shadow\_color”: \[60, 60, 60\], “shadow\_offset”: \[0, 1\]

**设置完毕，笔者设置样式效果图：**

**![Center 2][]**

![Image 1][]

</div>

[Image 1]: 
[Center]: /images/20220517/306004b93b1a46dc8907f7248f45259b.png
[Center 1]: /images/20220517/e6d96da42f844988a24f516070c2a047.png
[Center 2]: /images/20220517/311df71b14e9462c918c031d80fed651.png