Sublime Text4代码配色自定义方案

@[toc]

前言

  1. 关于Sublime Text对于我的使用体验,只能说内置的代码主题真的都太low了,一点都不好看。
  2. 所以接下来我分享一下我自定义代码配色。
  3. 当然,大家也可以通过我给的中文翻译注释来自定义自己喜欢的颜色。
  4. 废话不多说,直接上代码
  5. 直接将代码复制粘贴到:Preferences > Customize Color Scheme 即可。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
{
"variables":
{
"white": "hsl(163, 59%, 53%)",
},
"globals":
{
"foreground": "var(white)", // 前景色
"background": "rgb(43, 48, 56 )", // 背景
},
"rules":
[
{
"name": "Comment", // 注释
"scope": "comment, punctuation.definition.comment",
"foreground": "var(green)"
},
{
"name": "String", // 字符串
"scope": "string",
"foreground": "rgb(215, 215, 215)"
},
{
"name": "Punctuation", // 符号
"scope": "punctuation.section",
"foreground": "var(white2)"
},

{
"name": "Punctuation", // 符号
"scope": "punctuation.definition - punctuation.definition.numeric.base",
"foreground": "var(blue5)"
},
{
"name": "Number", // 数字
"scope": "constant.numeric",
"foreground": "var(orange)"
},
{
"name": "Number Suffix", // 数字后缀
"scope": "storage.type.numeric",
"foreground": "var(pink)",
"font_style": "italic"
},
{
"name": "Built-in constant", // 内置常量值
"scope": "constant.language",
"foreground": "var(red)",
"font_style": "italic"
},
{
"name": "User-defined constant", // 用户定义的常量
"scope": "constant.character, constant.other",
"foreground": "var(pink)"
},
{
"name": "Member Variable", // 成员变量
"scope": "variable.member",
"foreground": "var(red)"
},
{
"name": "Keyword", // 关键字
"scope": "keyword - keyword.operator, keyword.operator.word",
"foreground": "rgb(255, 138, 232)"
},
{
"name": "Operators", // 运算符号
"scope": "keyword.operator",
"foreground": "rgb(239, 239, 239)"
},
{
"name": "Punctuation", //标点符号(分号)
"scope": "punctuation.separator, punctuation.terminator",
"foreground": "var(blue6)"
},
{
"name": "Storage", // 储存器(public)
"scope": "storage",
"foreground": "rgb(255, 84, 90)"
},
{
"name": "Storage type", // 储存器类型(void)
"scope": "storage.type",
"foreground": "rgb(255, 140, 161)",
"font_style": "italic"
},
{
"name": "Inherited class", // 继承类
"scope": "entity.other.inherited-class",
"foreground": "var(blue5)",
"font_style": "italic"
},
{
"name": "Function argument", // 函数参数
"scope": "variable.parameter",
"foreground": "var(orange)"
},
{
"name": "Language variable", // 语言变量
"scope": "variable.language",
"foreground": "var(red)",
"font_style": "italic"
},
{
"name": "Tag name", // 标签名称
"scope": "entity.name.tag",
"foreground": "var(red)"
},
{
"name": "Function call", // 函数调用(方法)
"scope": "variable.function, variable.annotation",
"foreground": "rgb(253, 226, 102)"
},
{
"name": "Library class/type", // 库函数/类类型
"scope": "support.type, support.class",
"foreground": "var(blue)",
"font_style": "italic"
},
{
"name": "CSS Properties",
"scope": "support.type.property-name",
"foreground": "var(white3)"
},

]
}

Settings设置

  1. 顺便把用户设置也改一下(Preferences > Settings)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
"ignored_packages":
[
"Package Control",
"Vintage",
],
"index_files": true,
"font_size": 15,
"theme": "Default Dark.sublime-theme",
"color_scheme": "Mariana.sublime-color-scheme",
"dark_color_scheme": "Sixteen.sublime-color-scheme",
"light_color_scheme": "Mariana.sublime-color-scheme",

"caret_style": "smooth", // 光标样式
"line_padding_top": 1, // 行高
//"font_face": "JetBrains Mono Medium", // 字体样式
"auto_complete": true, // 代码提示

}

效果图

在这里插入图片描述

post_subcustom.png