打造一套炫酷的
S
u
b
l
i
m
e
T
e
x
t
3
Sublime\ Text3
Sublime Text3 主题—
a
y
u
ayu
ayu
一.
a
y
u
ayu
ayu插件提供了三种主题以及三种配色方案,效果如下图:
1.
a
y
u
−
l
i
g
h
t
1. ayu-light
1.ayu−light
2.
a
y
u
−
m
i
r
a
g
e
2. ayu-mirage
2.ayu−mirage
3.
a
y
u
−
d
a
r
k
3. ayu-dark
3.ayu−dark
二. 安装插件ayu
快捷键
c
t
r
l
+
s
h
i
f
t
+
p
ctrl+shift+p
ctrl+shift+p 打开
p
a
c
k
a
g
e
c
o
n
t
r
o
l
package\ control
package control输入
i
n
s
t
a
l
l
p
a
c
k
a
g
e
install\ package
install package,选择
P
a
c
k
a
g
e
C
o
n
t
r
o
l
:
I
n
s
t
a
l
l
P
a
c
k
a
g
e
Package\ Control: Install\ Package
Package Control:Install Package选项输入
a
y
u
ayu
ayu,选择第一个按下
e
n
t
e
r
enter
enter
三. 设置Sublime主题
a
y
u
ayu
ayu插件实际上提供了三种
T
h
e
m
e
Theme
Theme以及三种
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme,其中
C
o
l
o
r
T
h
e
m
e
Color Theme
ColorTheme是指中间代码编辑区的背景颜色以及代码高亮颜色配置,而
T
h
e
m
e
Theme
Theme则是指其余部分的背景颜色以及文件夹显示的方式,下面介绍两种设置ayu主题的方式
第一种方法:
S
u
b
l
i
m
e
T
e
x
t
Sublime\ Text
Sublime Text
⇒
\Rightarrow
⇒
P
r
e
f
e
r
e
n
c
e
s
Preferences
Preferences
⇒
\Rightarrow
⇒
T
h
e
m
e
.
.
.
Theme...
Theme...和
C
o
l
o
r
S
c
h
e
m
e
.
.
.
Color\ Scheme...
Color Scheme...最下面三个选项就是
a
y
u
ayu
ayu提供的,效果已在上文展示 第二种方法:
S
u
b
l
i
m
e
T
e
x
t
Sublime Text
SublimeText
⇒
\Rightarrow
⇒
P
r
e
f
e
r
e
n
c
e
s
Preferences
Preferences
⇒
\Rightarrow
⇒
S
e
t
t
i
n
g
s
Settings
Settings 然后在右边打开的
P
r
e
f
e
r
e
n
c
e
s
.
s
u
b
l
i
m
e
−
s
e
t
t
i
n
g
−
−
u
s
e
r
Preferences.sublime-setting--user
Preferences.sublime−setting−−user里面加入如下命令中的一种:
"theme": "ayu-light.sublime-theme",
"color_scheme": "Packages/ayu/ayu-light.sublime-color-scheme",
"theme": "ayu-mirage.sublime-theme",
"color_scheme": "Packages/ayu/ayu-mirage.sublime-color-scheme",
"theme": "ayu-dark.sublime-theme",
"color_scheme": "Packages/ayu/ayu-dark.sublime-color-scheme",
个人认为,
a
y
u
ayu
ayu提供的三种
T
h
e
m
e
Theme
Theme已经能满足不同用户的喜好了,就是这个
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme太少,可供选择的配色方案不是很多,那么这里我也提供两种增加
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme的方法:
先放上链接:github,里面的所有以
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme为后缀的单个文件就是一种配置好的
C
o
l
o
r
S
c
h
e
m
e
Color\ Scheme
Color Scheme,你可以把它下载下来然后放到相对应的存放主题文件的位置,然后在上述的设置
C
o
l
o
r
T
h
e
m
e
Color\ Theme
Color Theme那里,选项里面就会自动添加你刚才添加的配色方案,至于把这个
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme的文件放到哪儿,因为系统或者安装路径不一样,所以这个位置可能不一样,提供一种比较简单的查看路径的做法: 首先找到New Build System选项并选中 然后
c
t
r
l
+
s
ctrl+s
ctrl+s,就会出现下面的这样一个界面,就找到了
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme该放的位置了 博主愚钝,如果有其他好的方法希望可以留言,下面那张图是我自己用的的配色(比较简单清新的配色),用的就是
a
y
u
−
d
a
r
k
ayu-dark
ayu−dark加上面提供的那些配色里面的
l
e
g
a
c
y
.
t
m
T
h
e
m
e
legacy.tmTheme
legacy.tmTheme,其他的配色读者可以自己下载看一下。 当然还有一些自定义配色方案的方法,而且不用你自己去写一份配置的代码,你之用鼠标选择你想要的配色,然后他会自动生成配置文件,这也太舒服了吧!!!可是我还没试过,先放上链接:自定义配色网站,选择好各种颜色后点击上面的
d
o
w
n
l
o
a
d
download
download就能下载你配置的
.
t
m
T
h
e
m
e
.tmTheme
.tmTheme文件了
四. 参考
https://github.com/dempfi/ayu