大家好,我是宝哥!
推荐 Github 上 Star 数目排名靠前的VSCode主题,涵盖了各种风格和类型,总有一款适合你!喜欢记得点赞告诉我。
1. night-owl-vscode-theme
作者:sdras,star数:2.8k
介绍:夜间编程的深色主题,以及适合日间的浅色主题。
Night Owl
![dcc450c747335453d2b15fc3b5dc24bc.png](https://i-blog.csdnimg.cn/blog_migrate/e7dee263392b8b826a19044b327655f2.png)
![c28b96d943026b84452ea7b447491de9.png](https://i-blog.csdnimg.cn/blog_migrate/a866dd13a32335ab71565b64c3a30104.png)
Light Owl
![ea45209eb30b54b125c945e865d775ef.png](https://i-blog.csdnimg.cn/blog_migrate/c875264bb1f9e46dcc84cc8278f94a49.png)
![e21da073d44eb515201ba7b0edafcf2c.png](https://i-blog.csdnimg.cn/blog_migrate/39bb0341799745fbddb30bd1778847ca.png)
链接:https://github.com/sdras/night-owl-vscode-theme
2. github-vscode-theme
作者:primer,star数:1.9k
介绍:GitHub官方提供的VSCode主题,包含明亮和暗黑两种模式。
![f1e3693e9d2ce0da5305f491d784b7ea.png](https://i-blog.csdnimg.cn/blog_migrate/693b4e0535f1b96390ccd33c90e8ad46.png)
链接:https://github.com/primer/github-vscode-theme
3. vscode-material-icon-theme
作者:PKief,star数:1.8k
介绍:一款提供现代且多彩的图标集的VSCode主题,增强你的开发体验。
File icons
![0bbb4030f5db99efe5710d56675bb446.png](https://i-blog.csdnimg.cn/blog_migrate/99f5c55b205c2eddb8eb4edbf003eb7d.png)
链接:https://github.com/PKief/vscode-material-icon-theme
4. OneDark-Pro
作者:Binaryify,star数:1.4k
介绍:Atom标志性的One Dark主题,适用于Visual Studio Code。
Default theme
![4c410ff43a5e4f214e4d5485e0370c9d.png](https://i-blog.csdnimg.cn/blog_migrate/414eab84190016fb62f47cc2e5934a55.png)
Flat theme
![0bf554046a4fb62dad8221a52302fbda.png](https://i-blog.csdnimg.cn/blog_migrate/3994dd4fbd7053099904020caf59556e.png)
Darker theme
![2d437afc695e4cb66367c645821ebb08.png](https://i-blog.csdnimg.cn/blog_migrate/24cd05d455d342215c1ea7f574953f76.png)
Retro theme
![4c19b757afbf2f242d6e3704b3121f84.png](https://i-blog.csdnimg.cn/blog_migrate/fefeb11724f54f9de7f81789cce4e10f.png)
Gnome theme
![00716ef681b01445ed849c521859f927.png](https://i-blog.csdnimg.cn/blog_migrate/e41956ba79a7c0b1934488518756c8f8.png)
Terminal
![339c03c56986bdd377789334852834d1.png](https://i-blog.csdnimg.cn/blog_migrate/2b0e63f134ce58bc4b55f8bbc7c2f432.png)
链接:https://github.com/Binaryify/OneDark-Pro
5. tokyo-night-vscode-theme
作者:enkia,star数:1.4k
介绍:一个干净的深色VSCode主题,庆祝东京市中心夜晚的灯光。
Tokyo Night
![3de6d80f1799b05b4ab6215631baaa6b.png](https://i-blog.csdnimg.cn/blog_migrate/0fea630e9ae876616c3bbc2f217ae578.png)
Tokyo Night Storm
![0d52b437c99bf558d55ef64686ea2522.png](https://i-blog.csdnimg.cn/blog_migrate/c39b26c4c1886755f6aa65de3e9553fa.png)
Tokyo Night Light
![8b08041eb6e3f1e2b1373783750d278f.png](https://i-blog.csdnimg.cn/blog_migrate/0def5b6e0ea47690003e9c4c827ff62b.png)
链接:https://github.com/enkia/tokyo-night-vscode-theme
6. catppuccin/vscode
作者:catppuccin,star数:1.1k
介绍:为VSCode和Azure Data Studio设计的舒缓粉彩色主题。
![aa8d87f0de83c692fcd0567aad6198f9.png](https://i-blog.csdnimg.cn/blog_migrate/8edcc03590249fba9204510cef2922b8.png)
链接:https://github.com/catppuccin/vscode
7. doki-theme-vscode
作者:doki-theme,star数:790
介绍:为VSCode设计的可爱动漫角色主题。
![7488fe887b4db41fc19d24fdba395992.png](https://i-blog.csdnimg.cn/blog_migrate/12758b51dae01b601c48b350e45d4fec.png)
链接:https://github.com/doki-theme/doki-theme-vscode
8. moonlight-vscode-theme
作者:atomiks,star数:648
介绍:具有月光背景下的泡泡糖颜色的VS Code主题。
![b1381fefd2e73daae3ae963d1836901f.png](https://i-blog.csdnimg.cn/blog_migrate/50803545d61444cbb9fb6ac336a28fb5.png)
链接:https://github.com/atomiks/moonlight-vscode-theme
9. horizon-theme-vscode
作者:jolaleye,star数:620
介绍:一个为Visual Studio Code设计的美丽温暖的双色主题。
![fd5e241598313135d2a2c0e10b328234.png](https://i-blog.csdnimg.cn/blog_migrate/6ba9e3dc721f550c2383ef6139445579.png)
链接:https://github.com/jolaleye/horizon-theme-vscode
10. vscode-theme-vitesse
作者:antfu,star数:502
介绍:🏕 为VS Code设计的Vitesse主题。
![ccd8cc212f72d2f8a28dd38dbe9ba359.png](https://i-blog.csdnimg.cn/blog_migrate/d27e516d350800df4b88e8f6c79e6573.png)
![7bbbef219c17e163099fad8aa38264c7.png](https://i-blog.csdnimg.cn/blog_migrate/3835c3194c594529cd9a55883841649e.png)
链接:https://github.com/antfu/vscode-theme-vitesse
11. vscode-theme-alabaster
作者:tonsky,star数:390
介绍:为Visual Studio Code设计的浅色主题。
![9ba873f8521a9ebafb310194e5a3e6d8.png](https://i-blog.csdnimg.cn/blog_migrate/9fb4cfb59b770f960653d62d275ba03e.png)
链接:https://github.com/tonsky/vscode-theme-alabaster
12. vscode-palenight-theme
作者:whizkydee,star数:381
介绍:一个优雅且多汁的Material Design灵感主题。
![e49a2ac9764d928ce909c3d31fadb44a.png](https://i-blog.csdnimg.cn/blog_migrate/74d878d336e9a392e1e557b0d9c73863.png)
链接:https://github.com/whizkydee/vscode-palenight-theme
13. vscode-one-monokai
作者:azemoh,star数:348
介绍:Vscode One Monokai主题,提供Monokai风格的暗色主题体验。
![cd1b572439f6bee3c1b7d8cc02fa6ca0.png](https://i-blog.csdnimg.cn/blog_migrate/2c96b3751c935b9d04d89418c0fcd9c5.png)
链接:https://github.com/azemoh/vscode-one-monokai
14. Andromeda
作者:EliverLara,star数:357
介绍:🚀 为VSCode设计的暗色主题。
![e1185f56d0bf260e1cb293e0d8b2784f.png](https://i-blog.csdnimg.cn/blog_migrate/a01b63ce9a629fa1e85f0a8d5f81b710.png)
链接:https://github.com/EliverLara/Andromeda
总结
以上 20款 精美VSCode主题,风格多样,功能各异,总有一款能满足你的需求。希望你能找到心仪的主题,提升编码体验!
码字不易,如果觉得推荐不错,就点个赞吧!
关于我
欢迎长按图片加好友,宝哥会第一时间和你分享前端行业趋势,面试资源,学习途径等等。
添加好友备注【加群】拉你进技术交流群
公众号
:前端开发博客
专注前端开发技术
,分享前端开发资源
和WEB前沿资讯
,如果喜欢我的分享,给 宝哥 点一个赞
或者分享
都是对我的支持
关注公众号后,在首页:
回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
回复「Vue脑图」获取 Vue 相关脑图
回复「思维图」获取 JavaScript 相关思维图
回复「简历」获取简历制作建议
回复「简历模板」获取精选的简历模板
回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
回复「知识点」下载高清JavaScript知识点图谱
回复「读书」下载成长的相关电子书