Visual Studio Code护眼绿豆沙主题修改

原创于 2018-11-26 17:15:58 发布 · 2.1w 阅读

32 ·

CC 4.0 BY-SA版权

JavaScript 同时被 3 个专栏收录

2 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

HTML

1 篇文章

订阅专栏

本文介绍如何在VSCode中自定义一款基于AtomOneLight的亮色主题，通过修改用户设置中的颜色定制选项，实现个性化的编辑器背景、侧边栏和活动栏颜色。

先看下整体效果图

这款主题是在亮色Atom One Light 的基础上修改的，首先下载并设置Atom One Light

之后打开用户设置，添加如下代码

即可简单设置完成。。。。

代码这里贴出来了，自己复制粘贴过去就行了

"workbench.colorCustomizations": {
        "[Atom One Light]": {
            "editor.background": "#C7EDCC",   
	    "sideBar.background": "#C7EDCC",
        "activityBar.background": "#C7EDCC",       
        },
    },

15 条评论

namespace-chen 2021.05.16
我想知道user setting 在哪？？？我怎么找不到？

辰阳星宇 2021.04.07
{ "workbench.colorTheme": "Atom One Light", "workbench.colorCustomizations": { "[Atom One Light]": { "editor.background": "#C7EDCC", "sideBar.background": "#C7EDCC", "activityBar.background": "#C7EDCC", }, }, }
- 辰阳星宇回复辰阳星宇 2021.04.07
  用这个可以变

WHERE_ARE_YOU_L 2021.02.22
我的问题机解决了，需要在代码上面添加这段代码："workbench.colorTheme": "Atom One Light",

WHERE_ARE_YOU_L 2021.02.22
我家里电脑设置好了，公司电脑不行代码黏贴上去没反应。使用Atom设置主题变成绿色，点击用户设置的文件又变成黑色了？是怎么回事呢？楼主

十_。 2020.08.13
E1F4E4 可以试试这个色更淡一些

qq981894692 2019.07.02
控制台颜色没变呀.哪个代码呢?
- qq981894692回复七夜大魔王 2019.11.19
  [reply]qq_30807877[/reply] 那那个问题区, 输出区和调试控制台区的颜色咋改
- 七夜大魔王回复qq981894692 2019.08.02
  [reply]qq_40809303[/reply] 你是想改终端的文字颜色吗？那就设置 [code=plain] terminal.foreground:#42ff13 [/code]
- 北方的文先生回复qq981894692 2019.07.02
  [reply]qq_40809303[/reply] 控制台的颜色我还没测试，这个就只能是代码区和文件列表区域的颜色

正举1893 2019.06.06
好厉害

weixin_42762301 2019.04.25
你好，请问可以分享一下你用户设置区域的所有代码吗？我觉得你的代码字体很好看，但我设置不出你那样子的
- 北方的文先生回复weixin_42762301 2019.04.28
  [reply]weixin_42762301[/reply] 字体就是Consolas

可可～浩浩 2019.01.08
请问倒数第二张图怎么调出来的,我找不到,即使有了{...}user settings
- 北方的文先生回复可可～浩浩 2019.01.08
  [reply]halibote204[/reply] 文件>首选项>设置然后在页面右上角，最小化，和关闭的下面一行，有个{} 点一下就进去了。