vscode更换主题颜色(护眼色)
linux-dash
A beautiful web dashboard for Linux
项目地址:https://gitcode.com/gh_mirrors/li/linux-dash
免费下载资源
·
Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。
该编辑器支持多种语言和文件格式的编写:如:F#、HandleBars、Markdown、Python、Java、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON、TypeScript、Batch、Visual Basic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、JavaScript、Perl、Coffee Script、Dockerfile。
刚开始学前端的时候用的是HBuilder,后来想用VScode发现主题颜色太丑了,试着下载了好几个也是不合心意,于是自己改!对于我这种经常长时间盯电脑的人来讲,当然是改成护眼色了!
-
首先将主题颜色设置成Atom One Light,打开管理——颜色主题,没有的话下载安装一下。
-
然后打开设置,在右上角打开json文件,将以下代码全部替换进去,保存。
{
"editor.fontSize": 16,
"editor.mouseWheelZoom": true,
"editor.tabSize": 2,
"workbench.colorCustomizations": {
// 写在 Atom One Light 里面则只对该主题有效
"[Atom One Light]": {
"editor.background": "#c5f3cb",
"sideBar.background": "#b8e4be",
"activityBar.background": "#9cce9c",
// 终端前景背景色
"terminal.foreground" : "#141416",
"terminal.background" : "#a0ecd9",
"editor.selectionHighlightBorder": "#94767c00",
"editor.selectionHighlightBackground": "#f3bf708c",
"editorIndentGuide.activeBackground":"#9ba4af",
"editorBracketMatch.background": "#ff8a05a9",
"editorBracketMatch.border": "#ff0000",
"tab.activeBackground": "#c0d9f070",
"titleBar.activeBackground": "#839eb870"
},
"editorLineNumber.foreground": "#f19012",
},
"workbench.statusBar.feedback.visible": false,
"workbench.colorTheme": "Atom One Light",
"workbench.startupEditor": "newUntitledFile",
}
- 效果如下图所示:
更多软件背景颜色设置:
网红护眼色——豆沙绿
Notepad++更改背景颜色(护眼色)
GitHub 加速计划 / li / linux-dash
10.39 K
1.2 K
下载
A beautiful web dashboard for Linux
最近提交(Master分支:2 个月前 )
186a802e
added ecosystem file for PM2 4 年前
5def40a3
Add host customization support for the NodeJS version 4 年前
更多推荐
已为社区贡献3条内容
所有评论(0)