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

相关推荐
Blue桃之夭夭9 小时前
Visual Studio Code设置个性化背景教程
ide·vscode·编辑器
shao91851611 小时前
Gradio全解10——Streaming:流式传输的音频应用(7)——ElevenLabs:高级智能语音技术
人工智能·gradio·tts·streaming·elevenlabs·stt·eleven music
byte轻骑兵1 天前
365 天技术创作手记:从一行代码到四万同行者的相遇
ide·vscode·编辑器
奥特曼打小白1 天前
Visual Studio Code的第一次安装
ide·vscode·编辑器
weixin_456904271 天前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
小猫挖掘机(绝版)2 天前
通过tailscale实现一台电脑上vscode通过ssh连接另一台电脑上的VMware Linux 虚拟机
linux·windows·vscode·ubuntu·ssh
和小胖11222 天前
第二讲 Vscode+Python+anaconda 高阶环境配置
ide·vscode·python
陈老老老板2 天前
Visual Studio Code 中为Copilot 添加 Bright Data 的 Web MCP
ide·vscode·copilot
战南诚3 天前
前端开发vscode插件 - live server
ide·vscode·编辑器
墨抒颖 msy.plus3 天前
[特殊字符] 从零到一:打造你的VSCode圈复杂度分析插件
ide·vscode·编辑器·插件·cursor