vscode自定义背景颜色

大概做前端的builder(只会打代码的才是coder,嘻嘻~)一半以上都会使用vscode编辑代码吧,vscode很轻量,支持的文件拖拽加入编辑区功能我个人认为很方便很强大。
    下面我写一下怎么更改vscode的背景图让自己的眼睛更舒服一些。
1. 首先vscode的背景颜色的定义都是放在每个主题的文件里面的,所以我们是无法通过设置来更改背景颜色的。
2. 那就只能进入到相应的主题文件内部去进行更改喽。
3. 我比较喜欢vscode的light主题里面的Solarized light这个主题,因为它的背景色是那种温和的小麦黄(*^▽^*),但是我又发现这个主题的代码高亮功能不是很好,而Quite Light主题的代码高亮功能就好一些,但是听到Quite Light这个词是不是就已经感到刺眼的光芒了呢?( ? ^ ? )。
4. 那么有没有既能保证眼睛舒服,又可以保证代码高亮,还能比较方便的进行更改的方法呢?当然有了啊,要不然我写个啥子哦。
5. 直接选择Quite light主题,然后把这个主题的背景颜色改为小麦黄(或者你喜欢的颜色就可以了)




下面就进行实操了:

1.找到vscode所在的文件夹,找到如路径:(一般进行默认安装的都是这个路径吧)

2. 使用vscode打开json文件

3. 使用查找功能,输入:editor ,更改editor.background属性的值为小麦色就可以了。

4. 小麦色可以百度到或者用PS取色器取一下,我采取的办法是取色,不过是用的一个比较轻量级也很好用的切图软件pxcook(百度一下你就知道)

5. 这时候保存文件可能会没有权限保存,没事,把当前更改的文件保存到桌面上,然后再与原来文件夹中的文件交换一下就可以啦(我好机智啊)

6. 重新打开vscode,恭喜您喜提小麦色vscode一枚,嘿嘿。



vscode自定义背景颜色

原文地址:https://www.cnblogs.com/codeofmine/p/9455776.html

时间: 2024-10-09 19:51:47

vscode自定义背景颜色的相关文章

CAD编辑器怎么样加自定义背景颜色

解除CAD的朋友不难发现,当我们在CAD编辑软件中打开一个CAD图纸的时候,呈现的背景颜色一般的白色,这种白色有些刺眼,同时在编辑CAD文件的时候也会感到线条不清晰,那么能不能更改CAD背景颜色呢?这里教你CAD编辑器怎么样加自定义背景颜色. 1.首先你的电脑中需要有一款CAD编辑工具,这里我们以迅捷CAD编辑器为例,在网上下载安装迅捷CAD编辑器后,点击运行. 2.将要编辑的CAD文件添加到软件界面,添加方式很简单,用鼠标直接拖进软件中即可:也可以点击软件左上角"文件--打开",按照

CAD中如何自定义背景颜色

CAD中如何自定义背景颜色?绘制CAD图纸现在都是使用的CAD编辑器来进行绘制,但是在绘制的时候有的需要更改一下CAD编辑器中原有的背景颜色,因为原有的背景颜色不符合绘制CAD图纸的要求,但是在CAD中如何自定义背景颜色?在操作的过程中有哪些步骤了,具体要怎么来进行操作,那下面小编就使用迅捷CAD编辑器来教教大家操作的技巧,小伙伴们可要好好的看哈. 第一步:首先打开电脑,如果电脑中没有CAD转换器的话,就在电脑中任意的打开一个浏览器,然后在搜索框中搜索迅捷CAD编辑器,然后在搜索的结果中,点击官

Focusky教程 | 自定义背景颜色

Focusky(也称为"FS软件")不仅提供了丰富的图片.视频背景,以及3D背景,而且支持自定义背景颜色.您可以添加纯色背景色,也可以添加渐变背景色. 1.      点击"背景"按钮,选择"背景颜色". 2.      打开"高级选项",选择"纯色",在拾色器上选择合适的颜色,也可以用取色器取色. 3.      选择"线性渐变"."径向渐变".渐变色的颜色由渐变条

android自定义标题栏,背景颜色填充满

设置标题栏背景 1> 准备背景图片: background_pix.png 注:用背景图片比用颜色好处,可以让背景看起来有凹凸感. 2> drawable文件夹下放xml文件 bitmap_repeat.xml <?xml version="1.0" encoding="utf-8"?> <bitmap xmlns:android="http://schemas.android.com/apk/res/android"

导航条的自定义:背景颜色设置,按钮标题图片设置,图片坐标修改

一.修改系统原生导航条 修改导航条背景颜色 self.navigationController.navigationBar.barTintColor = [UIColor colorWithHexString:@"#2295f2"]; 自定义导航条按钮 self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"btn-menu-h&q

css3应用之自定义选中文字的背景颜色

在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理.其实这样是很符合用户体验的.因为有很多的人会用鼠标选择着一行一行的阅读.其中就包括本人... 浏览器中默认的选中的文字颜色为白色,背景色为蓝色. 我们如何自定义呢? 效果参见本博客,选中文字后可以见到效果.本博客中用到的代码是 body ::selection {color:#FFFFFF;text-shadow:none;}body ::-moz-selection {color:#FFFFFF;background-col

自定义UITableViewCell的背景颜色

自定义UITableViewCell的背景颜色,实际上是对cell的contentView的背景颜色进行设置,所以可以有以下方法: 方法一: cell.contentView.backgroundColor = [UIColor redColor]; 方法二: UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; UIView* bgview = [[UIView alloc]

Sublime Text3自定义全部字体大小、字体类型和背景颜色

一.定义侧栏的背景颜色.字体大小和间距 Sublime Text3的Afterglow主题链接为:https://github.com/YabataDesign/afterglow-theme 1.按键:ctrl+shift+p,弹出窗口中输入pro,选择图中的PackageResourceViewer:Open Resource. 2.在新窗口输入th,选中安装的主题,我个人安装的是Theme - Afterglow,就以Theme - Afterglow主题为例,其它主题类似. 3.在下拉列

安卓自定义状态栏颜色以与APP风格保持一致

我们知道IOS上的应用,状态栏的颜色总能与应用标题栏颜色保持一致,用户体验很不错,那安卓是否可以呢?若是在安卓4.4之前,答案是否定的,但在4.4之后,谷歌允许开发者自定义状态栏背景颜色啦,这是个不错的体验!若你手机上安装有最新版的qq,并且你的安卓SDK版本是4.4及以上,你可以看下它的效果: 实现此功能有两种方法: 1.在xml中设置主题或自定义style: Theme.Holo.Light.NoActionBar.TranslucentDecor Theme.Holo.NoActionBa