VSCode C/C++ Theme主题自定义配色方案

article/2025/11/6 10:21:05

此文针对 C/C++ Theme 插件内的主题进行自定义选择性优化。

文章目录

  • 前言
  • 一、基本快捷键
  • 二、修改配色步骤
    • 1.主题的json文件
    • 2.获取代码作用域


前言

最近喜欢浅色主题,但是找了很多主题,都没有让我完全满意的,比如说很多主题的结构体成员变量、enum类型、宏等的显示效果不好,无奈只能自己动手。我选择了 C/C++ Theme 内的 Light 主题作为母版,进行配色更改,这里记录下过程。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


一、基本快捷键

ctrl + shift + p : 打开命令框
在这里插入图片描述
ctrl + k + t: 切换主题,按↑↓键可直接进入相应主题的的预览。
在这里插入图片描述

二、修改配色步骤

1.主题的json文件

对于主题文件,一般分散在这两个路径下:
C:\Users\xxx\.vscode\extensions\ms-vscode.cpptools-themes-2.0.0\themes
这里就是 C/C++ Theme 的主题配色文件。
在这里插入图片描述

<vscode安装目录>\Microsoft VS Code\resources\app\extensions
这里有一些是VsCode自带的一些主题文件。
在这里插入图片描述

因为我修改的主题对应的文件是cpptools_light_vs.json,所以要对配色的修改也主要是针对这个文件。

2.获取代码作用域

使用 ctrl + shift + p 打开命令框,键入 inspect edit editor tokens and scopes ,找到下面这个并点击。
在这里插入图片描述
以下面为例,这里侦测到函数所对应的作用域范围:
在这里插入图片描述
所以我们想更改函数配色的话,就需要以下面的方式写:

{"scope": ["entity.name.function.c",],"settings": {"foreground": "#BD63C5"   //更改颜色}
},

这里推荐一个调色网址:
colorhexa

改完如下图:
在这里插入图片描述
保存后,重启VsCode即可。


http://chatgpt.dhexx.cn/article/aqOpC745.shtml

相关文章

VSCode修改主题颜色

参考&#xff1a;https://jingyan.baidu.com/article/ea24bc3983f2b59b63b33144.html 步骤1&#xff1a;使用vscode打开一个工程&#xff0c;点击左下角的设置按钮。 步骤2&#xff1a;在弹出的列表选择“Color Theme”。 步骤3&#xff1a;选择后缀为“Light”的主题&#…

【宇宙最强编辑器VS Code】(二)美化VS Code(更换主题和文件图标主题、设置背景图片)

上百篇原创人工智能系列教程&#xff0c;从理论到实战&#xff0c;手把手带你掌握人工智能&#xff0c;点击☞这里☜进入传送门~ 1.VSCode更换主题 1.1.更换内置主题 选择文件->首选项->颜色主题进入主题设置界面&#xff0c;按上下箭头预览主题&#xff0c;按回车更换…

vscode 自定义代码主题颜色

VS Code自定义主题色 基本结构UserJSON配置格式工作台颜色配置编辑区文本颜色目录配置代码scope检查 基本结构 F1 搜索Open User Settings (JSON)打开用户设置JSON文件&#xff08;以下称作UserJSON&#xff09; UserJSON配置格式 //https://www.jetbrains.com/zh-cn/lp/mon…

【编辑器】VSCode界面美化,图标与主题插件大全

1、VSCode图标插件 1、vscode-icons VSCode官方出品的图标库 2、Material Icon Theme 扁平化的主题图标库&#xff0c;采用了 Google Material Design 风格 3、vscode-icons-mac vscode-icons-mac 的文件图标与 vscode-icons 一致&#xff0c;只是文件夹图标改成了 Mac 风格…

Vscode 绿色系清新主题

炎炎夏日&#xff0c;上班上的心浮气躁&#xff0c;敲代码的时候&#xff0c;只觉昏昏沉沉&#xff0c;浑浑噩噩... 给vscode换一个一个清新美好的绿色主题&#xff0c;充满活力和希望吧。 朋友们&#xff0c;收藏起来&#xff0c;每个季节换一个主题&#xff0c;打工快乐&am…

vscode美化:主题切换+背景图片设置

目录 1.主题切换 1.1 使用vscode自带的主题 1.2 使用插件 2.背景图片设置 2.1 内部配置文件设置&#xff08;自定义&#xff09; 2.2 安装插件-[background] 2.3 安装插件-[background-cover](推荐) 1.主题切换 1.1 使用vscode自带的主题 步骤&#xff1a;文件——首选…

自定义你的VSCode:主题、文件图标、快捷键、设置、schema、插件

超详细VSCode安装教程&#xff08;Windows&#xff09;推荐自己的专栏&#xff1a;分享使用VS Code的基本操作与各种技巧 请记住一点&#xff0c;VSCode中的一切快捷键操作都可以在控制面板中输入对应的命令来完成&#xff0c;并且常用命令还可以在菜单栏中找到&#xff0c;命…

VScode 主题字体颜色 必备插件

主题字体颜色 通过文件>首选项>设置 > 搜索workbench.settings.editor&#xff0c;选中json即可改成json设置 // settings.json (个人配置) {"files.associations": {"*.vue": "vue","*.wpy": "vue","*.wxm…

VScode 自定义主题颜色

vscode其实已经有很多完善且好看的主题了&#xff0c;但我总觉得每一个主题对我来说&#xff0c;都有那么一点点不够完美&#xff0c;比如亮色的主题&#xff0c;颜色就没有深色主题那么好看&#xff0c;对比度高。 好不容易看到一个好看的主题吧&#xff0c;又觉得某一部分的…

把VScode的主题变得和idea一样

用惯了jetbrains系列软件&#xff0c;不太适应VScode的主题和颜色&#xff0c;可以通过一个插件把VScode的颜色变得和idea一样 打开VScode,搜索插件jetbrains, JetBrains Darcula Theme是暗色&#xff0c;Webstorm JetBrains Theme是亮色 和idea对比效果&#xff1a; 与些许差距…

7 款炫酷的 VSCode 主题扩展

&#x1f447;&#x1f447;关注后回复 “进群” &#xff0c;拉你进程序员交流群&#x1f447;&#x1f447; 作者丨小集 来源丨小集&#xff08;ID&#xff1a;zsxjtip&#xff09; 在 VSCode 中&#xff0c;安装自定义主题和图标包可以彻底改变 VSCode 的外观。VSCode 有数千…

推荐几款好用的VsCode色彩主题

经常对着同一款主题&#xff0c;有没有想着换一拨呢&#xff1f; 推荐一些个人觉得比较不错的主题&#xff0c;可以自己选择&#xff0c; 所有主题可以直接在扩展商店下载&#xff0c;直接上主题&#xff1a; Gatito Theme Dark Night Owl One Monokai Syntax Pink Cat Boo t…

vscode优美的主题

如何给VS Code更换主题 Mac用户 ⌘ K 然后 ⌘ T&#xff0c;会显示出所有的主题列表&#xff0c;按上下键可修改主题&#xff0c;⌘ ⇧ P , 在输入框中color theme&#xff0c;然后回车&#xff0c;同样也会进入主题列表 Windows用户: Ctrl Shift P 即可进入主题列表…

【3】VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色

相关文章&#xff1a; 【一】tensorflow安装、常用python镜像源、tensorflow 深度学习强化学习教学 【二】tensorflow调试报错、tensorflow 深度学习强化学习教学【三】tensorboard安装、使用教学以及遇到的问题【四】超级快速pytorch安装 【1】VScode中文界面方法-------…

【vscode简单入门(四)】vscode精美UI主题推荐 (~」还你一个花里胡哨的vscode「~)

学习一个新的软件&#xff0c;只会基本的操作怎么能满足一个富有个性的程序猿本猿捏>-< 那必须得鼓捣起来呀&#xff0c;本着能自定义就绝不用默认的态度&#xff0c;我打算开始写今天这篇博客了~偶吼吼 一. 有趣的小插件 开始介绍主题之前&#xff0c;再给大家安利三个…

vscode 主题的颜色定制

颜色定制 workbench.colorCustomizations setting.json {"workbench.colorCustomizations": {"activityBar.background": "#00AA00"} }对比颜色: 对比色通常只用于高对比主题。如果设置了&#xff0c;它们会在UI元素周围添加额外的边框来增加对…

vscode如何更换主题

1.打开Vscode&#xff0c;点击“文件”-“首选项”-“颜色主题”。 (快捷键&#xff1a;先按CtrlK、再按CtrlT) 2.打开主题设置面板&#xff0c;在深色主题中点击“深色”。 3.这样就可以把主题改为“深色”这样Vscode界面就会全部显示为黑色。 参考&#xff1a;https://jingy…

VSCODE 好看的亮色系主题

搬砖那么枯燥&#xff0c;一定要在颜值高的窗口进行呀。这几年用了好多vscode主题&#xff0c;但这几个&#xff0c;真的是每次看到都会心动的主题。 很适合花里胡哨的女孩子们呀&#xff5e; 粉粉嫩嫩的&#xff1a;Cute 这款主题的特点就是&#xff1a;粉&#xff01;&…

VSCode:一个温馨不扎眼的暗色主题推荐

最下方有手把手使用方法和配置过程。 身为一个编程小白&#xff0c;我也想找一个好看的vscode主题&#xff0c;来给我提供源源不断地写代码动力&#xff0c;好让我早日成为卷王&#xff08;bushi 主题名为&#xff1a;Ayu Mirage Bordered 演示效果如下&#xff1a; 个…