当前位置: 代码网 > 科技>软件教程>编程开发 > VSCode怎么修改主题颜色? VSCode修改主题配色的技巧

VSCode怎么修改主题颜色? VSCode修改主题配色的技巧

2023年07月22日 编程开发 我要评论
VSCode怎么修改主题颜色? VSCode修改主题配色的技巧

vscode 修改主题配色

vscode 修改主题配色,前面我们提到了,当你自定义编辑器内配色时,自动补全给你提示了所有已经安装的主题。

通过选择这些主题,你可以只针对它们做颜色修改,而不影响其他的主题的颜色。工作区的颜色修改也是如此。比如说,你想修改 monokai 的某个颜色定义,那么你可以这么写:

"workbench.colorcustomizations": {
        "[monokai]": {
            "statusbar.background": "#666666",
            "panel.background": "#555555",
            "sidebar.background": "#444444"
        },
 }

而相应的编辑器颜色修改则是:

"editor.tokencolorcustomizations": {
        "[monokai]": {
            "strings": "#ff0000"
        }
}

是不是非常方便呢?

在前面介绍 html、css 的功能时,我介绍过可以在 html 和 css 中使用取色器来修改颜色。同样的,在 json 文件中,你也可以使用取色器来修改。

在上图中,我因为开启了文件自动保存,设置文件会自动保存然后触发颜色的更新,所以当我使用取色器修改颜色后,稍等片刻,就能看到这个颜色在编辑器中的效果了。

以上就是vscode修改主题配色的技巧,希望大家喜欢,请继续关注代码网。

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com