Sublime自定义主题颜色

Sublime自定义主题颜色

  首先区分ThemeColor Theme,Theme控制的是sublime界面左、上、下部分,包括Side bar侧边栏、Tabs标题栏、Panel底部栏还有Quick Panel部分。Color Theme控制的是工做区,包括工做区背景颜色和代码高亮颜色。git

本文将会引导你们自定义修改本身主题的各部分颜色。下图是我设置的暗黑风格的界面。github

1.sublime包准备

1.安装Package Control包管理工具:

国内目前好像没法安装,即便安装了也很差使用。解决办法见:https://github.com/HBLong/channel_v3_daily这个是github一大神开源的项目,解决了Sublime Text 3 拓展包源没法访问问题。ide

 

2.安装Packge Resource Viewer:工具

ctrl+shift+P打开Quick Panel,输入install,选择第一项Package Control:install Package。静静等待几s(期间可能报错,不要紧多试几回),刷新后输入Packge Resource Viewer,而后点击安装(Packge Resource Viewer的做用是能够很方便的直接打开Theme文件并编辑)。成功安装后,能够在Preferenses > Package Settings中看到。ui

 

2.修改工做区颜色(背景、代码颜色)

1.打开Color Theme主题文件spa

Ctrl+shift+P打开Quick Panel,输入Open Resource,选择第一项。输入color,选择你目前使用的颜色方案,我用的是默认的Monokai,因此我选择Default里的Monokai。打开这个文件,6~25行是控制工做区颜色的主要部分。3d

 

2.修改color theme颜色。你们能够本身尝试一下设置hsl,保存后会当即刷新颜色方案的。blog

  • black3:控制的是工做区背景颜色
  • 后面都是控制代码的一些颜色,以为对代码不满意的能够自行修改。我这里都没变。

 

3.修改主题颜色(侧边栏、标题栏等)

1.打开Theme主题文件rem

Ctrl+shift+P打开Quick Panel,输入Open Resource,选择第一项。输入theme,选择你目前使用的主题,我用的是默认的Adaptive,因此我选择Default里的Adaptive.sublime-theme。打开这个文件。get

 

2.修改theme颜色

主题文件内都写好了注释,指明哪部分控制哪部分的颜色,你们能够使用command+f快速定位到要修改的那部分。好比:

  • Side Bar:控制侧边栏颜色
  • Folder & File Icons:控制文件夹与文件图标等
  • Tabs:控制标题栏的颜色
  • Quick Panel:控制包管理界面的颜色(就ctrl+shift+p调出的那个界面)
  • Panels:控制底部栏的颜色
  • Dialogs:控制弹出的对话框的颜色

下面我列出我修改颜色的几个关键部分:

  • 首先是侧边栏背景颜色的修改:

  • 标题栏背景颜色的修改

  • 底部栏颜色的修改

 

以上就是我摸索出来的颜色设置方法,若有疑问能够随时与我联系,但愿你们都能搭配出一套本身满意的颜色方案。

相关文章
相关标签/搜索