Visual Studio Code 官方护眼主题绿豆沙颜色修改,让你的眼睛远离疲劳!

Visual Studio Code 官方护眼主题绿豆沙颜色修改,让你的眼睛远离疲劳!

是否厌倦了Visual Studio Code的官方主题,是否觉得暗色主题无趣乏味,那么,请看我的主题:
在这里插入图片描述
护眼,远离疲劳,废话不多说,上教程:
1.这款主题是Atom One Light 的基础上修改的,首先我们需要下载并设置Atom One Light
在这里插入图片描述
2.接下来就给各种看着不习惯的主题背景换肤
依次打开【文件】——【首选项】——【设置】 找到一个 setting.json 的,点击打开
在这里插入图片描述
3.然后换上以下代码,即可。

**"workbench.colorCustomizations": {
        "[Atom One Light]": {
            "titleBar.activeBackground": "#bddac0",
            "titleBar.inactiveBackground": "#bddac0",
            "titleBar.border": "#AFC7B2",
            "editor.background": "#CBE9CB",
            "sideBar.background": "#CBE9CB",
            "sideBar.border": "#AFC7B2",
            "sideBarTitle.foreground": "#24ACF2",
            "activityBar.background": "#CBE9CB",
            "activityBar.border": "#AFC7B2",
            "editorCursor.foreground": "#06171B",
            "editor.lineHighlightBackground": "#c0e4c3b6",
            "editor.selectionBackground": "#AFC7B2",
            "activityBar.activeBackground": "#bddac0",
            "statusBar.background": "#bddac0",
            "dropdown.background": "#CBE9CB",
            "dropdown.listBackground": "#CBE9CB",
            "dropdown.border": "#bddac0",
            "editorHoverWidget.background": "#bddac0",
            "editorHoverWidget.border": "#AFC7B2",
            "editorHint.border": "#AFC7B2",
            "editorError.foreground": "#ff0000",
            "editorGroupHeader.tabsBackground": "#CBE9CB",
            "editorIndentGuide.background": "#bddac0",
            "editorIndentGuide.activeBackground": "#AFC7B2",
            "sideBarSectionHeader.background": "#bddac0",
            "tab.activeBackground": "#AFC7B2",
            "tab.activeBorder": "#AFC7B2",
            "tab.border": "#afc7b2b9",
            "tab.unfocusedHoverBackground": "#AFC7B2",
            "tab.inactiveBackground": "#bddac0",
            "breadcrumb.focusForeground": "#24ACF2",
            "input.background": "#bddac0",
            "input.border": "#AFC7B2",
            "list.hoverForeground": "#24ACF2",
            "list.hoverBackground": "#bddac0",
            "list.inactiveSelectionForeground": "#24ACF2",
            "list.inactiveSelectionBackground": "#bddac0",
            "list.activeSelectionBackground": "#bddac0",
            "button.background": "#bddac0",
            "statusBarItem.hoverBackground": "#AFC7B2",
            "menu.selectionBackground": "#bddac0",
            "minimap.selectionHighlight": "#24ACF2",
            "diffEditor.border": "#AFC7B2",
            "editorGroup.border": "#AFC7B2",
        }
    },**

4.这样就大功告成了,一个个找背景色实属不易,点个赞再走呗!

  • 23
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
修改Visual Studio Code中的代码颜色,你可以按照以下步骤进行操作: 1. 打开Visual Studio Code,点击顶部菜单栏中的“文件”选项,然后选择“首选项”下的“设置”。 2. 在打开的设置面板中,你可以看到一个名为“setting.json”的文件。点击它,将其打开。 3. 在“setting.json”文件中,你可以找到一个名为“workbench.colorCustomizations”的代码块。这个代码块用来修改整个编辑器的主题颜色。 4. 如果你只想修改代码的显示颜色,可以在这个代码块中输入以下代码: ``` "editor.tokenColorCustomizations": { "[Visual Studio Dark": { // 在这里修改代码的颜色 } } ``` 5. 如果你想修改整个编辑器的主题颜色,可以在这个代码块中输入以下代码: ``` "workbench.colorCustomizations": { "[Visual Studio Dark": { // 在这里修改整个编辑器的主题颜色 } } ``` 6. 不要忘记在上一个代码块的结尾加一个英文逗号,否则会导致报错。 7. 根据你的需求,修改对应代码块中的颜色数值。你可以使用颜色名称或十六进制代码来指定颜色。 8. 点击“保存”按钮保存修改。 通过这些步骤,你可以自定义Visual Studio Code中的代码颜色。请注意,修改后的颜色将在下次启动Visual Studio Code时生效。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [VS Code自定义代码颜色](https://blog.csdn.net/m0_62510826/article/details/125822705)[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: 100%"] [ .reference_list ]
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值