Step 1: 插件安装
Step 2: 配置文件
"inline-bookmarks.expert.custom.styles": {
"default": {
"gutterIconColor": "#157EFB",
"overviewRulerColor": "rgba(21, 126, 251, 0.7)",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"red": {
"gutterIconColor": "#FFFFFF",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"orange": { // example custom style with yellow color
"gutterIconColor": "#FF4500",
"overviewRulerColor": "#FF4500B0",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"yellow": {
"gutterIconColor": "#FFFF00",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"green": {
"gutterIconColor": "#2FCE7C",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"blue": {
"gutterIconColor": "#157EFB",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"indigo": { // example custom style with yellow color
"gutterIconColor": "#4B0082",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"purple": {
"gutterIconColor": "#C679E0",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
"warn": { // example custom style with yellow color
"gutterIconColor": "#FF4500",
"overviewRulerColor": "#F4F400B0",
"light": {
"fontWeight": "bold"
},
"dark": {
"color": "Chocolate"
}
},
},
"inline-bookmarks.expert.custom.words.mapping": {
"red": ["@header1[ \\t\\n]"],
"orange": ["@header2[ \\t\\n]"],
"yellow": ["@header3[ \\t\\n]"],
"green": ["@header4[ \\t\\n]"],
"blue": ["@header5[ \\t\\n]"],
"indigo": ["@header6[ \\t\\n]"],
"purple": ["@header7[ \t\\n]"],
"warn": ["@warn[ \\t\\n]"],
},
"inline-bookmarks.view.words.hide": true,
"inline-bookmarks.view.expanded": true
Step 3: 实现效果