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

相关推荐
tan180°1 小时前
MySQL表的操作(3)
linux·数据库·c++·vscode·后端·mysql
我在看世界7 小时前
家里vscode连公司内网vscede
vscode·ssh
悠悠小茉莉10 小时前
Win11 安装 Visual Studio(保姆教程 - 更新至2025.07)
c++·ide·vscode·python·visualstudio·visual studio
SZ17011023110 小时前
华为云 银河麒麟 vscode远程连接
ide·vscode·华为云
yanjiee11 小时前
需要scl来指定编译器的clangd+cmake在vscode/cursor开发环境下的配置
ide·vscode·编辑器
Waltt_Qiope15 小时前
关于使用cursor tunnel链接vscode(避免1006 issue的做法)
ide·vscode·issue
Charlene Fung16 小时前
vs code远程自动登录服务器,无需手动输入密码的终极方案(windows版)
运维·服务器·vscode·ssh
奇文怪式17 小时前
VSCode+arm-none-eabi-gcc交叉编译+CMake构建+OpenOCD(基于Raspberry Pico RP2040)
arm开发·ide·vscode·rp2040
hero_heart1 天前
vscode中c_cpp_properities.cpp文件生成和作用
ide·vscode·编辑器
DO ITNOW1 天前
Cursor/VScode ,点击运行按钮,就打开新的终端,如何设置为在当前终端运行文件而不是重新打开终端----一招搞定篇
ide·vscode·编辑器