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

相关推荐
KD3359 小时前
学习笔记 Datewhale MCP Server Task2
vscode
爱听许嵩歌9 小时前
Windows符号链接解决vscode和pycharm占用C盘空间太大的问题
ide·vscode·pycharm
ricky_fan10 小时前
解决bash终端的路径名称乱码问题
开发语言·chrome·vscode·bash
GDAL12 小时前
Webview 中可用的 VS Code 方法
vscode·node.js
J心流13 小时前
Vscode中使用C++代码进行debug
c++·ide·vscode
时空自由民.20 小时前
vscode clangd插件 编译失败会跳转失败,有时候也会经常出现跳转失败的情况
ide·vscode·编辑器
专注VB编程开发20年1 天前
各版本操作系统对.NET支持情况(250707更新)
开发语言·前端·ide·vscode·.net
GDAL1 天前
vscode 插件开发activityba
vscode·编辑器
learn_coder1 天前
在vscode中和obsidian中使用Mermaid
ide·vscode·编辑器
合作小小程序员小小店2 天前
web网页,在线%食谱推荐系统%分析系统demo,基于vscode,uniapp,vue,java,jdk,springboot,mysql数据库
vue.js·spring boot·vscode·spring·uni-app