随手记:vsCode修改主题色为自定义颜色

因为工作需要长时间面对vscode,视力不好,想要把工具改成护眼色,于是就把vscode改成了自定义的护眼色

效果图:

操作步骤:

快捷键打开设置页面:

按住ctrl+shift+p 选择Open setting 按回车键

打开setting页面编辑

将下列代码复制:

javascript 复制代码
    "workbench.colorCustomizations": {
        "editor.background": "#C7EDCC",
        "sideBar.background": "#CCE8CF",
        "activityBar.background": "#C7EDCC",
        "terminal.foreground" : "#E3EDCD",
        "terminal.background" : "#FAF9DE"
    }

或者也可以修改成你喜欢的颜色

setting.js中的修改有很多,大家可以自己查询更改配置,这里简单的介绍一下快速的修改主题色为护眼色,这样长时间面对,对视力也会有所帮助,如果有帮助请点赞哦~~

相关推荐
半青年9 小时前
华为鸿蒙电脑能否作为开发机?开发非鸿蒙应用?
ide·华为·编辑器·电脑·idea·harmonyos·visual studio
江畔独步10 小时前
vim中的查找
linux·编辑器·vim
SweerItTer12 小时前
由镜像源配置错误导致的软件包依赖问题
linux·vscode·ubuntu
海染棠花13 小时前
vscode+platformIO开发STM32(八)
ide·vscode·stm32
公子无缘14 小时前
【嵌入式】记一次解决VScode+PlatformIO安装卡死的经历
vscode·stm32·单片机·mcu·platformio
struggle202514 小时前
continue通过我们的开源 IDE 扩展和模型、规则、提示、文档和其他构建块中心,创建、共享和使用自定义 AI 代码助手
javascript·ide·python·typescript·开源
安装虚拟机的老师傅15 小时前
【2025最新】Windows系统装VSCode搭建C/C++开发环境(附带所有安装包)
c语言·windows·vscode·其他
threelab17 小时前
03.three官方示例+编辑器+AI快速学习webgl_animation_multiple
人工智能·学习·编辑器
skywalk816317 小时前
开发与AI融合的Windsurf编辑器
人工智能·编辑器
threelab17 小时前
18.three官方示例+编辑器+AI快速学习webgl_buffergeometry_points_interleaved
学习·编辑器·webgl