VSCode沙绿色主题设置

之前一直用sublime text3,最近装了vscode想设置一款同样的沙绿色主题,所以有了这篇文章
主要参看这篇文章进行设置:https://blog.csdn.net/Lean_on_Me/article/details/84552487
内容大同小异,只是我自己又按自己的风格整理了一遍,记录在此作为备份,也供大家参考。
鸣谢原CSDN作者:“单身汉子敲键盘”
在这里插入图片描述

整体效果:

在这里插入图片描述
设置流程:

1.安装 atom One Light Theme主题

在这里插入图片描述

2.设置属性

文件 -》首选项 -》设置 -》 点击右上角花括号
在这里插入图片描述
编辑setting.json内容
在这里插入图片描述
如下图鼠标放到key上面会有具体的该属性的功能说明,按需设置即可
在这里插入图片描述

同上当value为rgb颜色时也可以鼠标悬浮出现颜色选取框设置合适的即可。
在这里插入图片描述
附自己的设置

{
    "workbench.colorTheme": "Atom One Light",
    "editor.fontSize": 16 ,
    "editor.mouseWheelZoom": true,
    "editor.tabSize": 2,
    "workbench.colorCustomizations": {
        "[Atom One Light]": {
            "editor.background": "#C7EDCC",   
	    "sideBar.background": "#bdddc3",
        "activityBar.background": "#f6f8f6", 
        },
    },
}
{
    "editor.fontSize": 16,
    "editor.mouseWheelZoom": true,
    "editor.tabSize": 2,
    "workbench.colorCustomizations": {
    	// 写在 Atom One Light  里面则只对该主题有效
        "[Atom One Light]": {
            "editor.background": "#c5f3cb",  
	        "sideBar.background": "#d9f1d1",
            "activityBar.background": "#ddeedd", 
            // 终端前景背景色
            "terminal.foreground" : "#2033e2",
            "terminal.background" : "#c3eebb"
        },
        "editorLineNumber.foreground": "#da8d28",
    },
    "workbench.statusBar.feedback.visible": false,
    "workbench.colorTheme": "Atom One Light",
}
  • 17
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值