• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

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

    发布者: 土豆服务器 | 发布时间: 2025-6-20 19:43| 查看数: 64| 评论数: 0|帖子模式

    Visual Studio Code(代码编辑器) v1.83.1 32位 官方中文免费绿色版

    • 类型:编译工具
    • 大小:120MB
    • 语言:简体中文
    • 时间:2023-10-13
    查看详情VSCode 修改主题配色
    VSCode 修改主题配色,前面我们提到了,当你自定义编辑器内配色时,自动补全给你提示了所有已经安装的主题。

    通过选择这些主题,你可以只针对它们做颜色修改,而不影响其他的主题的颜色。工作区的颜色修改也是如此。比如说,你想修改 Monokai 的某个颜色定义,那么你可以这么写:
    1. "workbench.colorCustomizations": {
    2.         "[Monokai]": {
    3.             "statusBar.background": "#666666",
    4.             "panel.background": "#555555",
    5.             "sideBar.background": "#444444"
    6.         },
    7. }
    复制代码
    而相应的编辑器颜色修改则是:
    1. "editor.tokenColorCustomizations": {
    2.         "[Monokai]": {
    3.             "strings": "#FF0000"
    4.         }
    5. }
    复制代码
    是不是非常方便呢?
    在前面介绍 HTML、CSS 的功能时,我介绍过可以在 HTML 和 CSS 中使用取色器来修改颜色。同样的,在 JSON 文件中,你也可以使用取色器来修改。

    在上图中,我因为开启了文件自动保存,设置文件会自动保存然后触发颜色的更新,所以当我使用取色器修改颜色后,稍等片刻,就能看到这个颜色在编辑器中的效果了。
    以上就是VSCode修改主题配色的技巧,希望大家喜欢,请继续关注脚本之家。
    相关推荐:
    VSCode默认主题怎么更换? VSCode更换背景色的教程
    VSCode修改编辑器配色? vscode代码配色方案介绍
    VS Code十六进制颜色长度怎么忽略? VSCode设置六边形颜色长度忽略技巧

    来源:https://www.jb51.net/softjc/891263.html
    免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    ×

    最新评论

    浏览过的版块

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表