vscode颜色主题的设置

本文介绍了如何在VSCode中通过两种方式更改默认的深色风格为其他颜色主题:一是直接在快捷工具栏中选择,二是进入设置菜单调整工作台外观。

vscode的风格默认为深色,要修改颜色主题,vscode提供了多种配置方式

1、第一种

1)在主界面左侧的快捷工具栏中点击“功能”按钮,在展开的菜单中点击“颜色主题”。


2)在主界面的中上部弹出的点击选择您想要设置的颜色主题,此时vscode会立即切换到对应的颜色主题


2、第二种

1、在主界面的“快捷工具栏”中点击“功能”按钮,在弹出的菜单中点击“设置”


1)在设置列表中展开“工作台”,点击“外观”

2)在右侧列表中找到“Color Theme”,点击下方的列表,在展开的列表中点击您要设置的颜色主题,点击后,vscode会立即切换到对应的主题


 

 文章来源于哔站《vscode颜色主题的设置

更多学习视频和专栏文章请到哔站个人空间: 布道师学院的个人空间-布道师学院个人主页-哔哩哔哩视频

更多资源和项目下载请到:”开源吧(找实战项目和毕设项目的好网站)“ ​ :https://www.ossbar.com/

VSCode中更换背景颜色有以下几种方法: - 通过更改主题颜色:选择 `File -> Preferences -> Settings`,然后找到 `Workbench -> Appearance -> Color Theme`,选择喜欢的颜色。不过选择后左边一栏可能还是显示黑色,这时需要修改 `settings.json` 文件,添加如下配置: ```json "workbench.colorCustomizations": { "[Default Light+]": { "activityBar.activeBackground": "#4ef738", // 打开菜单的颜色 "activityBar.background": "#f78484", // 背景色 "activityBar.foreground": "#000000", // 前景色(图标) // "statusBar.background": "#000", // "statusBarItem.remoteBackground": "#000" } } ``` - 自定义编辑器背景色:在VSCode左下角找到设置按钮,选择设置,按照如下顺序找到 `settings.json` 文件。查看配置文件中是否有 `workbench.colorCustomizations` 配置项,如果没有,可以按照下面格式添加代码: ```json "workbench.colorCustomizations": { "editor.background": "#F00" } ``` 如果有该配置项,只需更改 `editor.background` 的十六进制颜色值,保存即生效。若想定义侧边栏等的颜色,可参考以下设置项,都放在 `workbench.colorCustomizations` 配置对象中: ```json "workbench.colorCustomizations": { "editorWidget.background": "#252535", // 弹出窗口背景(如自动补全) "sideBar.background": "#1A1A28", // 侧边栏背景 "activityBar.background": "#1A1A28", // 活动栏背景 "statusBar.background": "#2D2D3A" // 状态栏背景 } ``` - 使用插件更换背景:先安装VSCode(官网地址:Visual Studio Code - Code Editing. Redefined),打开VSCode后,找到扩展,搜索 `background-cover`,安装该插件 [^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱分享的代码君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值