目录
1. Atom One Light
2. Github Light
3. Brackets Light Pro
4. Hop Light
5. Snazzy Light
6. Primer Light
7. Monokai Light
8. Bluloco Light
9. Blue Light
10. Solarized Light
首页 开发工具 VSCode VSCode中10个漂亮的浅色主题(分享)

VSCode中10个漂亮的浅色主题(分享)

Jun 11, 2021 am 11:24 AM
vscode

VSCode中10个漂亮的浅色主题(分享)

在白天敲代码的时候,一般建议使用浅色(Light)的主题。由于大多数程序员会在白天花大部分时间编码,所以一个漂亮的浅色主题是必不可少的。本文分享10个很棒的浅色主题,你现在就可以开始使用这些主题之一。【推荐学习:《vscode教程》】

1. Atom One Light

Atom One Light主题是安装次数最多的light主题,拥有超过300K的安装量,这是一个受欢迎的Light主题。该主题基于Atom的One Light主题,并且是市场上评价最高的Light主题之一。

VSCode中10个漂亮的浅色主题(分享)

2. Github Light

Github的Light主题看起来很干净。顾名思义,它是基于GitHub的外观和视觉创建的,所以看起来应该很熟悉。

这个主题有两种形式:一个是纯白色背景,一个是灰色背景。随着近65K的安装,这是一个相当广泛使用的Light主题。

VSCode中10个漂亮的浅色主题(分享)

我个人很喜欢灰色背景,看起来像这样:

2-VSCode中10个漂亮的浅色主题(分享)

3. Brackets Light Pro

Brackets Light Pro凭借其漂亮的颜色而成为引人注目的主题。就像Github Light主题一样,它的下载量接近65K,这使其成为安装频率更高的主题之一。

总体来说,该主题的外观非常简洁,而且对眼睛来说真的很舒服。

VSCode中10个漂亮的浅色主题(分享)

4. Hop Light

根据其描述,Hop Light主题是具有友好颜色的主题。这个主题的真正优点是对比度——明亮,但又不会太亮。这个主题的鲜明对比使所有内容都易于阅读。

VSCode中10个漂亮的浅色主题(分享)

5. Snazzy Light

据笔者了解,这个主题的主要目标是在明亮的环境光条件下表现出清晰鲜明的色彩。这应该使主题适合的工作,例如,即使在强烈的阳光下处理工作。

如果你喜欢在浅色主题中工作,那么Snazzy Light绝对适合你。

VSCode中10个漂亮的浅色主题(分享)

6. Primer Light

尽管这个主题只安装了9K多一点,但Primer Light是一个外观很棒的主题。这个主题是一个从Sublime Text移植的,因此,这个主题可能看起来很熟悉你,如果你以前用过Sublime Text。

VSCode中10个漂亮的浅色主题(分享)

7. Monokai Light

Monokai Light主题因其鲜艳的色彩而脱颖而出,这是Monokai配色方案的特点。这相当于Visual Studio Marketplace上的各种深色Monokai主题的浅色版。

VSCode中10个漂亮的浅色主题(分享)

8. Bluloco Light

Bluloco Light是一个奇特而又复杂的主题,在调色板中有各种各样的颜色。这个主题的特点是更全面地使用了语法范围和颜色的一致性,并充分考虑到美观、对比和可读性。

这个主题最初是从美丽的One Light主题分叉出来的。随着90K安装,它是一个更受欢迎的Light主题。

VSCode中10个漂亮的浅色主题(分享)

9. Blue Light

Blue Light是一种大多数为蓝色的主题——正如你可以通过其名称来分辨的那样。这个主题的目标是尽可能的保持简单。例如,为了消除和避免干扰,只使用了几种颜色,无论是UI还是语法着色。除此之外,红色的颜色只用于错误。

VSCode中10个漂亮的浅色主题(分享)

10. Solarized Light

Solarized Light主题还有有一个暗色版本。这个主题的Light版有一个非常有特色的背景颜色,你要么爱要么恨。

如果你不喜欢粗体的存储令牌(类型和修改器),那么你可以选择Solarized Light(无粗体)主题。这个主题去掉了所有的粗体风格。

VSCode中10个漂亮的浅色主题(分享)

更多编程相关知识,请访问:编程视频!!

以上是VSCode中10个漂亮的浅色主题(分享)的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

vscode怎么定义头文件 vscode怎么定义头文件 Apr 15, 2025 pm 09:09 PM

如何使用 Visual Studio Code 定义头文件?创建头文件并使用 .h 或 .hpp 后缀命名在头文件中声明符号(例如类、函数、变量)使用 #include 指令在源文件中包含头文件编译程序,头文件将被包含并使声明的符号可用

vscode需要什么电脑配置 vscode需要什么电脑配置 Apr 15, 2025 pm 09:48 PM

VS Code 系统要求:操作系统:Windows 10 及以上、macOS 10.12 及以上、Linux 发行版处理器:最低 1.6 GHz,推荐 2.0 GHz 及以上内存:最低 512 MB,推荐 4 GB 及以上存储空间:最低 250 MB,推荐 1 GB 及以上其他要求:稳定网络连接,Xorg/Wayland(Linux)

vscode终端使用教程 vscode终端使用教程 Apr 15, 2025 pm 10:09 PM

vscode 内置终端是一个开发工具,允许在编辑器内运行命令和脚本,以简化开发流程。如何使用 vscode 终端:通过快捷键 (Ctrl/Cmd ) 打开终端。输入命令或运行脚本。使用热键 (如 Ctrl L 清除终端)。更改工作目录 (如 cd 命令)。高级功能包括调试模式、代码片段自动补全和交互式命令历史。

vscode在哪写代码 vscode在哪写代码 Apr 15, 2025 pm 09:54 PM

在 Visual Studio Code(VSCode)中编写代码简单易行,只需安装 VSCode、创建项目、选择语言、创建文件、编写代码、保存并运行即可。VSCode 的优点包括跨平台、免费开源、强大功能、扩展丰富,以及轻量快速。

vscode中文注释变成问号怎么解决 vscode中文注释变成问号怎么解决 Apr 15, 2025 pm 11:36 PM

解决 Visual Studio Code 中中文注释变为问号的方法:检查文件编码,确保为“UTF-8 without BOM”。更改字体为支持中文字符的字体,如“宋体”或“微软雅黑”。重新安装字体。启用 Unicode 支持。升级 VSCode,重启计算机,重新创建源文件。

vscode终端常用命令 vscode终端常用命令 Apr 15, 2025 pm 10:06 PM

VS Code 终端常用命令包括:清除终端屏幕(clear)列出当前目录文件(ls)更改当前工作目录(cd)打印当前工作目录路径(pwd)创建新目录(mkdir)删除空目录(rmdir)创建新文件(touch)删除文件或目录(rm)复制文件或目录(cp)移动或重命名文件或目录(mv)显示文件内容(cat)查看文件内容并滚动(less)查看文件内容只能向下滚动(more)显示文件前几行(head)

vscode终端命令不能用 vscode终端命令不能用 Apr 15, 2025 pm 10:03 PM

VS Code 终端命令无法使用的原因及解决办法:未安装必要的工具(Windows:WSL;macOS:Xcode 命令行工具)路径配置错误(添加可执行文件到 PATH 环境变量中)权限问题(以管理员身份运行 VS Code)防火墙或代理限制(检查设置,解除限制)终端设置不正确(启用使用外部终端)VS Code 安装损坏(重新安装或更新)终端配置不兼容(尝试不同的终端类型或命令)特定环境变量缺失(设置必要的环境变量)

vscode上一步下一步快捷键 vscode上一步下一步快捷键 Apr 15, 2025 pm 10:51 PM

VS Code 一步/下一步快捷键的使用方法:一步(向后):Windows/Linux:Ctrl ←;macOS:Cmd ←下一步(向前):Windows/Linux:Ctrl →;macOS:Cmd →

See all articles