前言
关于Sublime Text对于我的使用体验,只能说内置的代码主题真的都太low了,一点都不好看。 所以接下来我分享一下我自定义代码配色。 当然,大家也可以通过我给的中文翻译注释来自定义自己喜欢的颜色。 废话不多说,直接上代码 直接将代码复制粘贴到:Preferences > Customize Color Scheme 即可。
{
"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设置
顺便把用户设置也改一下(Preferences > Settings)
{
"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, // 代码提示
}
效果图