vscode中主题背景文字的设置

想要设置vscode的主题、背景、字体颜色、括号颜色这里都能找到相应的修改方式

背景图片

1、在扩展程序中搜索background-cover插件进行安装
在这里插入图片描述
2. ctrl + shift +p 输入命令

backgroundCover - start

在这里插入图片描述

3.选择自己喜欢的图片然后在重启vscode即可
然后你就会发现你的vscode顶部出现了不"接受支持",惊不惊讶意不意外,这个东西是因为修改了一部分code代码,然后显示文件损坏,但是并不会影响软件的运行,但是我这个人有点强迫症不喜欢看到这几个字。
所以解决问题的办法来了!!!

在扩展程序中找到 Fix VSCode Checksums 这个插件
在这里插入图片描述

4、安装好插件后 ctrl + shift +p 输入命令

Fix Checksums: Apply

完成后重启vscode就ok了!

如果你要调整背景的透明度的话可以打开vscode文件位置到workbench.desktop.main.css这里去修改就好了
在这里插入图片描述

主题

当然有背景图了还缺个漂亮的主题,我整理了几个下载量比较多的主题看看有没有自己喜欢的吧!

1. Atom One Light
Atom One Light主题是安装次数最多的light主题,拥有超过300K的安装量,这是一个受欢迎的Light主题。该主题基于Atom的One Light主题,并且是市场上评价最高的Light主题之一。

2. Github Light
Github的Light主题看起来很干净。顾名思义,它是基于GitHub的外观和视觉创建的,所以看起来应该很熟悉。

3. Snazzy Light
据笔者了解,这个主题的主要目标是在明亮的环境光条件下表现出清晰鲜明的色彩。当然如果你搭配上暖色调的背景那就会有出其不意的效果。

4. Primer Light
尽管这个主题只安装了9K多一点,但Primer Light是一个外观很棒的主题。这个主题是一个从Sublime Text移植的,因此,这个主题可能看起来很熟悉你,如果你以前用过Sublime Text。

5. Monokai Light
Monokai Light主题因其鲜艳的色彩而脱颖而出,这是Monokai配色方案的特点。这相当于Visual Studio Marketplace上的各种深色Monokai主题的浅色版。

6. Bluloco Light
Bluloco Light是一个奇特而又复杂的主题,在调色板中有各种各样的颜色。这个主题的特点是更全面地使用了语法范围和颜色的一致性,并充分考虑到美观、对比和可读性。

7. Blue Light
Blue Light是一种大多数为蓝色的主题——正如你可以通过其名称来分辨的那样。这个主题的目标是尽可能的保持简单。例如,为了消除和避免干扰,只使用了几种颜色,无论是UI还是语法着色。除此之外,红色的颜色只用于错误。

8. Solarized Light
Solarized Light主题还有有一个暗色版本。这个主题的Light版有一个非常有特色的背景颜色,你要么爱要么恨

自定义颜色

当然肯定有人并不满意,因为每个人都有自己的审美,最求完美是天性。
下面就是修改字体和括号颜色的代码了!可以根据自己的喜好设置。

字体颜色

把这段代码放在 settings.json里就ok了

 // "editor.tokenColorCustomizations": {
    //     "comments": "#0e8a43", // 注释
    //     "keywords": "#0ddbca", // 关键字
    //     "variables": "#f78888", // 变量名
    //     "strings":  "#0ddbca", // 字符串
    //     "functions": "#e1fc68c9", // 函数名
    //     "numbers": "#ff81ee" // 数字
    //   },  
    //    // 选中高亮的颜色
    //      "workbench.colorCustomizations": {
    //     //   "editor.selectionBackground": "#f5f5f5"
    //   }

括号颜色

安装Brackets Pair Colorize 2扩展插件

在这里插入图片描述
1、打开扩展
2、点击 Brackets Pair Colorize 2 右下角的齿轮
3、选择最后一项 扩展配置
4、选择 Brackets Pair Colorize 2: Colors 中的 在 settings.json 中编辑
5、根据需要编辑 settings.json 文件,自定义颜色顺序
在这里插入图片描述
在这里面就能设置自己喜欢的括号颜色啦,当然我没有修改括号的颜色,我觉得默认的就挺好的,如果不满意的话可以自己去调试括号的颜色顺序。

"bracket-pair-colorizer-2.activeScopeCSS": [
    
        "borderStyle : solid",
        "borderWidth : 1px",
        "borderColor : {color}",
        "opacity: 0.5"
    ]

这些vscode的外观设置基本上都在这了,简直就是一条龙服务,大家不用在去苦苦憨憨的一个个去找了,我都整理出来了,方便大家查找。

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
设置VScode的背景颜色,你可以按照以下步骤进行操作。首先,打开VScode,然后按照文献提到的方法选择你喜欢的颜色主题,比如Winter is Coming(Dark Blue)主题。接下来,你可以根据文献的介绍,设置Fira_Code字体以及改变编辑器字体和背景颜色。这篇文章提供了详细的步骤和实例代码,对于学习和工作都有很大的参考价值。在设置背景颜色时,你可以根据自己的喜好进行设计。另外,在第6步,还有一个设置图片目录的选项,这个选项可以使每次打开VScode时的背景都不一样,你可以尝试一下。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [VScode设置个性化背景](https://blog.csdn.net/m0_60807906/article/details/126456946)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [vscode设置Fira_Code字体及改变编辑器字体、背景颜色的代码详解](https://download.csdn.net/download/weixin_38621427/12721586)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值