vscode 更改主题颜色

已于 2025-02-26 10:10:42 修改
阅读量2.2k 收藏 1
点赞数 1
分类专栏： vscode 文章标签： vscode ide 编辑器
于 2020-06-19 09:24:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/josiecici/article/details/106849516
版权

方法一：程序内置主题切换：
文件-首选项-主题
方法二：自定义颜色主题：
在vscode安装程序内找到以下的json配置 修改保存过后重新打开即可

D:\VScode\Microsoft VS Code\resources\app\extensions\theme-defaults\themes

在这里插入图片描述
在这里插入图片描述

VS code 任意配置代码主题颜色的方法
逆水行舟
04-02 426
1：点击下图菜单，打开 command palette 命令框，选择developer：inspect editor tokens and scopes,然后点击任何函数名，出现如下信息框。"workbench.colorCustomizations": //用于自定义工作区（如侧边栏、标签栏等）的颜色。"editor.tokenColorCustomizations": //它用于自定义编辑器内的文本颜色。, //将上图红色框中字符串填入此处。, //设置背景色。//设置函数名的颜色。
使用 Visual Studio Code（VSCode）作为代码编辑器时，可以根据个人喜好和需求来修改背景颜色
DpgrMl的博客
09-23 4011
在 “编辑器: 背景” 设置中，您可以通过选择预定义的颜色或输入自定义的颜色代码来修改背景颜色。您可以点击颜色框旁边的小方块，以选择您喜欢的颜色。在下面的文章中，我将向您展示如何修改背景颜色，并提供相应的源代码。在设置面板中，您将看到多个选项卡，如 “用户”、“工作区” 和 “扩展”。然后，点击左侧的侧边栏中的最后一个图标，该图标代表设置（或者您可以使用快捷键 Ctrl + ，）。将上述代码添加到工作区或用户的设置文件中（取决于您要修改的是当前工作区还是全局设置）。保存您的设置文件，并返回到编辑器界面。
vscode主题 清新绿色为主调
11-08
vscode自定义的养颜绿色主题，长久使用不会有眼疲劳的问题，采用淡淡的草绿色为背景色，配合深绿色和深蓝色为自提颜色，搭配舒服
【宇宙最强编辑器VS Code】（二）美化VS Code（更换主题和文件图标主题、设置背景图片）
Mculover666的博客（嵌入式）
04-30 3万+
1.VSCode更换主题 1.1.更换内置主题 选择文件->首选项->颜色主题进入主题设置界面，按上下箭头预览主题，按回车更换主题： 1.2.使用扩展主题 在插件扩展面板中搜索theme，安装第三方主题，然后更换： 2.VSCode更换文件图标主题 2.1.更换内置文件图标主题 选择文件->首选项->文件图标主题进入主题设置界面，按上下箭头预览主题，按回车更换主题： ...
VS Code主题设置（美化VS Code）（主题+背景+图标+特效+字体）
前端萌新
02-13 6万+
VS Code主题，背景，字体设置
vscode颜色主题的设置
ouyangqing的专栏
09-21 9226
vscode颜色主题的设置
修改vscode的主题颜色
花花鱼的专栏
06-21 396
修改vscode的主题颜色，来让自己开发比较舒服一点。
vscode设置主题的颜色
一个写了10年bug的程序员日常笔记。
06-27 718
点击主界面左下角的 展开的菜单中点击“themes” 点击“color themes” 选择颜色
VS Code怎么换颜色
最新发布
weixin_48884558的博客
04-15 1099
"activityBar.background": "#FFFFFF" // 活动栏纯白。"editor.background": "#FFFFFF", // 编辑器背景纯白。"statusBar.background": "#FFFFFF", // 状态栏纯白。"sideBar.background": "#FFFFFF", // 侧边栏纯白。在 VS Code 中，你可以通过修改主题或自定义编辑器颜色来将界面改为白色。：安装浅色主题扩展（如 One Light Pro）。切换到你安装的主题。
修改Visual Studio Code编辑器的主题和代码颜色
热门推荐
qq_37944726的博客
04-16 6万+
怎么自定义Visual Studio Code编辑器的代码颜色** 摘要：自定义Visual Studio Code（VSCode）的代码颜色 在VS Code 的左下角，点击设置。 打开设置后，在搜索栏搜索关键字：主题。 搜索结果显示有许多个在setting.json中编辑，任意点开一个，即可编辑代码的颜色。 在文件setting.json的代码后面，插入相应的代码，然后保存。 代码如下： // 自定义的颜色 "editor.tokenColorCustomizations":
VSCode颜色主题自定义
meoya的博客
08-09 5251
VScode界面ui自定义
vscode默认黑色主题标签颜色修改
04-30
默认主题,标签之间区别不明显,更改后效果见:https://blog.youkuaiyun.com/nice0513/article/details/124513784
vscode自定义主题颜色
03-08
### 创建和配置 VSCode 自定义主题颜色方案 #### 使用 CSS 变量创建全局主题 为了在 Visual Studio Code 中实现一致的主题风格，可以通过设置 `settings.json` 文件中的工作区或用户级别的自定义属性来应用全局...
vscode更改代码颜色
02-28
### 如何在 VSCode 中更改代码颜色主题 为了改变 Visual Studio Code (VSCode) 的代码编辑器颜色方案，可以通过内置的主题管理功能轻松实现这一点。VSCode 提供了一系列预设的颜色主题，并支持安装额外的主题扩展。...
VSCode修改主题颜色
GXQ的博客
11-24 1万+
参考：https://jingyan.baidu.com/article/ea24bc3983f2b59b63b33144.html 步骤1：使用vscode打开一个工程，点击左下角的设置按钮。 步骤2：在弹出的列表选择“Color Theme”。 步骤3：选择后缀为“Light”的主题，这些都是亮色背景（白色背景）。 也可以通过连续按Ctrl + K, Ctrl + T组合的方式调出主题设置。 ...
随手记：vsCode修改主题色为自定义颜色
weixin_63515766的博客
07-19 1412
vsCode修改主题色为自定义颜色
vscode更换主题颜色
qq_23176155的博客
03-25 1685
Ctrl+K,Ctrl+t.一起按,直到出现弹窗即可选择(推荐light一栏里的最后一个)
如何修改VSCode主题颜色
诗筱涵的博客
12-07 2786
摘自：https://jingyan.baidu.com/article/f25ef2548fe643482d1b826f.html 如何修改VSCode主题颜色 听语音 原创 | 浏览：24400 | 更新：2018-09-04 14:36 1 2 3 4 5 6 7 分步阅读 工作生活中，使用开发工具的编程新手来说，可能会在使用的过程中会遇到很多问题。例如，如何修改VSCode主题颜色。下面做一个简单介绍。 方法.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值