Sublime自定义主题颜色

Sublime自定义主题颜色

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

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

Sublime自定义主题颜色_第1张图片

1.sublime包准备

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

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

 

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中看到。

Sublime自定义主题颜色_第2张图片

Sublime自定义主题颜色_第3张图片

 

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

1.打开Color Theme主题文件

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

Sublime自定义主题颜色_第4张图片

Sublime自定义主题颜色_第5张图片

Sublime自定义主题颜色_第6张图片

Sublime自定义主题颜色_第7张图片

 

2.修改color theme颜色。大家可以自己尝试一下设置hsl,保存后会立即刷新颜色方案的。

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

 

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

1.打开Theme主题文件

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

Sublime自定义主题颜色_第8张图片

Sublime自定义主题颜色_第9张图片

 

2.修改theme颜色

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

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

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

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

Sublime自定义主题颜色_第10张图片

  • 标题栏背景颜色的修改

Sublime自定义主题颜色_第11张图片

  • 底部栏颜色的修改

Sublime自定义主题颜色_第12张图片

 

以上就是我摸索出来的颜色设置方法,如有疑问可以随时与我联系,希望大家都能搭配出一套自己满意的颜色方案。

你可能感兴趣的:(sublime-text-3,sublime-plugin,theme,sublime-text)