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: 实现效果