前言
- 最近比较忙,水一篇vscode主题样式。
- vscode一般默认是黑色底色,关键字或者变量一般偏蓝绿,当满屏幕变量时眼睛看着会非常难受。
- 之前用过hbuilder,虽然编辑器不如vscode,但是配色还算不错,我又在此基础上修改了下。
- scope文档:https://www.sublimetext.com/docs/scope_naming.html#meta
- 部分内容需要查找scope改成对应想要的颜色。
- fira字体下载:https://github.com/tonsky/FiraCode/releases
配置
- 尽量变量之类避免刺眼的颜色,之前翻代码时,每个变量都是一长串,一屏幕下来满屏刺眼看着太难受了。
"workbench.colorTheme": "Default Light+",
"editor.tokenColorCustomizations": {
"comments": "#95a3ab",
"keywords": "#6d4d41",
"variables": "#237066",
"textMateRules": [
{
"scope": "keyword.control",
"settings": {
"foreground": "#C586C0"
}
},
{
"scope": "constant.language",
"settings": {
"foreground": "#1c3f74"
}
},
{
"scope": "variable.language",
"settings": {
"foreground": "#1c3f74"
}
},
{
"scope": "punctuation.definition.variable",
"settings": {
"foreground": "#1c3f74"
}
},
{
"scope": "keyword.operator",
"settings": {
"foreground": "#f07d3b"
}
},
{
"scope": "storage.modifier",
"settings": {
"foreground": "#f09090"
}
},
{
"scope": "entity.name.type.class",
"settings": {
"foreground": "#c0526a"
}
},
{
"scope": "storage.type.primitive.java",
"settings": {
"foreground": "#c0526a"
}
},
{
"scope": "entity.name.type.interface",
"settings": {
"foreground": "#c0526a"
}
},
{
"scope": "entity.name.namespace",
"settings": {
"foreground": "#74817c"
}
},
{
"scope": "entity.name.tag",
"settings": {
"foreground": "#d35c5c"
}
}
]
},
"workbench.colorCustomizations": {
"editorGroupHeader.tabsBackground": "#FFFAE8",
"editorLineNumber.foreground": "#9F9371",
"editor.lineHighlightBackground": "#E8DFC4",
"editor.selectionBackground": "#BCD68D",
"editor.background": "#FFFAE8",
"editorIndentGuide.background": "#cecdc2",
"titleBar.activeBackground": "#d8ca9e",
"titleBar.inactiveBackground": "#fffef9",
"activityBar.activeBackground": "#ece4c8",
"activityBar.background": "#d8ca9e",
"activityBar.foreground": "#000000",
"tab.activeModifiedBorder": "#41A863",
"tab.hoverBackground": "#daeace",
"tab.border": "#fffae8",
"tab.activeBackground": "#daeace",
"tab.activeForeground": "#AB7E05",
"tab.inactiveBackground": "#fffae8",
"tab.inactiveForeground": "#41A863",
"sideBarSectionHeader.background": "#FFFAE8",
"sideBar.background": "#FFFAE8",
"sideBarSectionHeader.foreground": "#AB7E05",
"sideBar.border": "#d8ca9e",
"sideBar.foreground": "#46433c",
"sideBarTitle.foreground": "#46433c",
"statusBar.background": "#AB7E05",
"scrollbarSlider.background": "#cfb56a",
"scrollbarSlider.hoverBackground": "#cfb56a",
"scrollbarSlider.activeBackground": "#cfb56a",
"panel.background": "#fffcf3",
"panel.border": "#d8ca9e",
"editorWidget.background": "#daeace",
"editorWidget.foreground": "#46433c",
"editorSuggestWidget.selectedBackground": "#e8dfc4",
"list.hoverBackground": "#e8dfc4",
"editorWidget.border": "#BCD68D",
"list.activeSelectionBackground": "#41A863",
"list.inactiveSelectionBackground": "#d8ca9e"
},
"editor.fontSize": 16,
"editor.lineHeight": 22,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,