vscode自定义主题配色

  1. setting.json
{
    "workbench.colorTheme": "Solarized Light",
    "window.zoomLevel": 1,
    // 目自定义的颜色
    "editor.tokenColorCustomizations": {
        "comments": "#008000",
        "keywords": "#d33682",
        "variables": "#2aa198",
        "strings": "#dc322f",
        "functions": "#859900",
        // "parameter":"#a6a9a3",
        "numbers": "#6c7ec4",
        "types": "#30ada2",
        "textMateRules": [
            {
                "scope": "variable.other.property.ts",
                "settings": {
                    "foreground": "#9932cc",
                }
            },
            {
                "scope": "entity.name.tag",
                "settings": {
                    "foreground": "#d33682",
                }
            },
            {
                "scope": "entity.other.attribute-name",
                "settings": {
                    "foreground": "#d33682",
                }
            },
            {
                "scope": "support.type",
                "settings": {
                    "foreground": "#9aa5a2",
                }
            },
            {
                "scope": "text.html.derivative",
                "settings": {
                    "foreground": "#9aa5a2",
                }
            },
            {
                "scope": "support.function",
                "settings": {
                    "foreground": "#d33682",
                }
            },
            {
                "scope": "keyword.control.conditional.vue",
                "settings": {
                    "foreground": "#9aa5a2",
                }
            },
        ]
    },
    "workbench.colorCustomizations": {
        "editor.background": "#fef6e0",
        "editor.selectionBackground": "#00FF00",
        "editor.foreground": "#880000"
    }
}
  1. 在需要修改颜色的代码处,使用快捷键 fn + f1, 打开命令面板, 输入 >Inspect Editor Tokens and Scopes点击需要改颜色的代码处,会弹出提示框。
image
posted @   shine_lovely  阅读(270)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
历史上的今天:
2022-02-13 数组的方法 - 删除数组中的某个元素
点击右上角即可分享
微信分享提示