240207-3步设置VSCode插件Inline-Bookmarks自定义颜色及名称

Step 1: 插件安装

Step 2: 配置文件

bash 复制代码
"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: 实现效果

相关推荐
Caesar Zou1 天前
ssh远程连接服务器,vscode不显示claude
服务器·vscode·ssh
JoannaJuanCV1 天前
vscode debug Transformer源码说明
ide·vscode·transformer·qwen3
ZJU_统一阿萨姆1 天前
Windows系统VSCode配置Rust开发环境(超详细保姆级教程)
windows·vscode·rust
GOATLong1 天前
MySQL内置函数
android·数据库·c++·vscode·mysql
傅科摆 _ py1 天前
Vscode 如何配置远程环境的 ssh 连接
ide·vscode·编辑器·1024程序员节
zhangfeng11331 天前
在 R 医学数据分析中,关于 RStudio 和 VSCode 哪个效率更高
vscode·数据分析·r语言
HIT_Weston1 天前
14、【Ubuntu】【VSCode】VSCode 断联问题分析:hostname(二)
linux·vscode·ubuntu
快秃头的码农1 天前
vscode搭建python项目隔离的虚拟环境
ide·vscode·python
古月烧天1 天前
VSCode/PyCharm解决“无法加载文件 ***\WindowsPowerShell\profile.ps1,因为在此系统上禁止运行脚本”
ide·vscode·pycharm·conda
HIT_Weston1 天前
15、【Ubuntu】【VSCode】VSCode 断联问题分析:UID 补充
linux·vscode·ubuntu