美文网首页
VS Code任意主题自定义颜色

VS Code任意主题自定义颜色

作者: 你说你很爱她却没有给她一个家 | 来源:发表于2019-08-02 09:54 被阅读0次

    使用主题,根据每个人的审美和感官不同,总有喜欢的配色和不完美的地方,一个主题也不可能做到让人人都满意,一个经典的主题,使用量巨大,用久了 想换个主题,别的主题又不是全喜欢,改动量不要太大,在原来主题上 来点自定义自然少不了

    第一步:先找主题文件,路径在

    {各自vsCode软件安装盘符}:\Microsoft VS Code\resources\app\extensions

    路径下,找到theme开头的文件夹(进入extensions文件夹的时候,键盘按下T,就会马上跳到T字母开头的文件夹)

    这些文件夹就是主题了,打开要修改的对应文件夹,再打开themes文件夹(一般来说,里面只会有这一个子文件夹),文件夹下应该就一个文件 (例如:monokai-color-theme.json,其他主题同理类似),用编辑器打开

    有些主题内会在配置边上加有注释,有的没有,自己看名字可以大概看出一点,不懂的可以翻译可以搜索,实在不行可以根据现有主题的颜色和 json 文件中的颜色对照来修改

    本次举例修改常见的注释代码的颜色:

    找到 tokenColors 下的 "name": "Comment", 或者  "scope": "comment", 修改  foreground 对应的16进制,改成自己想要的颜色,VS Code命令中 reload window 就可以查看效果

    其他常用颜色:

    "name": "String",    --字符串

    "name": "Number",    --数字

    "name": "User-defined constant",    --常量

    "name": "Variable",    --变量

    "name": "Keyword",    --关键字1(eg: if/else/for/ & / > < = ! /return/ % /px/ !important / export default/import/form/new 等)

    "name": "Storage type",    --关键字2(代表是'var let const function'等)

    "name": "Function name",    --方法名

    "name": "Function argument",    --方法参数

    "name": "Tag attribute",    --标签的属性名  (eg:class/width/style/v-model 等)

    其他的用到了我再补充

    ===================================================

    属性设置:

    fontStyle:        --字体样式 (可选属性  【斜体italic  下划线underline  加粗bold】",    

    foreground      --前景色(就是颜色,目前1.36.1版本还不支持背景色background 属性)

    相关文章

      网友评论

          本文标题:VS Code任意主题自定义颜色

          本文链接:https://www.haomeiwen.com/subject/ahrkdctx.html