Sublime Text4代码配色自定义方案

Almango

天真永不消逝，浪漫至死不渝。

Announcement

Welcome to my blog! This is a sample announcement.

Learn More

529 字

3 分钟

Sublime Text4代码配色自定义方案

2024-03-05

IDE

美化

/

开发工具

@[toc]

前言#

关于Sublime Text对于我的使用体验，只能说内置的代码主题真的都太low了，一点都不好看。
所以接下来我分享一下我自定义代码配色。
当然，大家也可以通过我给的中文翻译注释来自定义自己喜欢的颜色。
废话不多说，直接上代码
直接将代码复制粘贴到：Preferences > Customize Color Scheme 即可。

1
{
2
  "variables":
3
  {
4
    "white": "hsl(163, 59%, 53%)",
5
  },
6
  "globals":
7
  {
8
    "foreground": "var(white)",  // 前景色
9
    "background": "rgb(43, 48, 56 )",  // 背景
10
  },
11
  "rules":
12
  [
13
    {
14
            "name": "Comment",  // 注释
15
            "scope": "comment, punctuation.definition.comment",
16
            "foreground": "var(green)"
17
        },
18
        {
19
            "name": "String",    // 字符串
20
            "scope": "string",
21
            "foreground": "rgb(215, 215, 215)"
22
        },
23
        {
24
            "name": "Punctuation",   // 符号
25
            "scope": "punctuation.section",
26
            "foreground": "var(white2)"
27
        },
28

29
        {
30
            "name": "Punctuation",  // 符号
31
            "scope": "punctuation.definition - punctuation.definition.numeric.base",
32
            "foreground": "var(blue5)"
33
        },
34
        {
35
            "name": "Number",    // 数字
36
            "scope": "constant.numeric",
37
            "foreground": "var(orange)"
38
        },
39
        {
40
            "name": "Number Suffix",    // 数字后缀
41
            "scope": "storage.type.numeric",
42
            "foreground": "var(pink)",
43
            "font_style": "italic"
44
        },
45
        {
46
            "name": "Built-in constant",    // 内置常量值
47
            "scope": "constant.language",
48
            "foreground": "var(red)",
49
            "font_style": "italic"
50
        },
51
          {
52
            "name": "User-defined constant",  // 用户定义的常量
53
            "scope": "constant.character, constant.other",
54
            "foreground": "var(pink)"
55
        },
56
          {
57
            "name": "Member Variable",     // 成员变量
58
            "scope": "variable.member",
59
            "foreground": "var(red)"
60
        },
61
          {
62
            "name": "Keyword",    // 关键字
63
            "scope": "keyword - keyword.operator, keyword.operator.word",
64
            "foreground": "rgb(255, 138, 232)"
65
        },
66
        {
67
            "name": "Operators",   // 运算符号
68
            "scope": "keyword.operator",
69
            "foreground": "rgb(239, 239, 239)"
70
        },
71
                {
72
            "name": "Punctuation",    //标点符号(分号)
73
            "scope": "punctuation.separator, punctuation.terminator",
74
            "foreground": "var(blue6)"
75
        },
76
        {
77
            "name": "Storage",    // 储存器(public)
78
            "scope": "storage",
79
            "foreground": "rgb(255, 84, 90)"
80
        },
81
        {
82
            "name": "Storage type",   // 储存器类型(void)
83
            "scope": "storage.type",
84
            "foreground": "rgb(255, 140, 161)",
85
            "font_style": "italic"
86
        },
87
        {
88
            "name": "Inherited class", // 继承类
89
            "scope": "entity.other.inherited-class",
90
            "foreground": "var(blue5)",
91
            "font_style": "italic"
92
        },
93
        {
94
            "name": "Function argument",   // 函数参数
95
            "scope": "variable.parameter",
96
            "foreground": "var(orange)"
97
        },
98
        {
99
            "name": "Language variable",  // 语言变量
100
            "scope": "variable.language",
101
            "foreground": "var(red)",
102
            "font_style": "italic"
103
        },
104
        {
105
            "name": "Tag name",  // 标签名称
106
            "scope": "entity.name.tag",
107
            "foreground": "var(red)"
108
        },
109
        {
110
            "name": "Function call",   // 函数调用(方法)
111
            "scope": "variable.function, variable.annotation",
112
            "foreground": "rgb(253, 226, 102)"
113
        },
114
        {
115
            "name": "Library class/type",  // 库函数/类类型
116
            "scope": "support.type, support.class",
117
            "foreground": "var(blue)",
118
            "font_style": "italic"
119
        },
120
        {
121
            "name": "CSS Properties",
122
            "scope": "support.type.property-name",
123
            "foreground": "var(white3)"
124
        },
125

126
  ]
127
}

Settings设置#

顺便把用户设置也改一下（Preferences > Settings）

1
{
2
  "ignored_packages":
3
  [
4
    "Package Control",
5
    "Vintage",
6
  ],
7
  "index_files": true,
8
  "font_size": 15,
9
  "theme": "Default Dark.sublime-theme",
10
  "color_scheme": "Mariana.sublime-color-scheme",
11
  "dark_color_scheme": "Sixteen.sublime-color-scheme",
12
  "light_color_scheme": "Mariana.sublime-color-scheme",
13

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

19
}