探索“23 个适合任何光线下的令人惊叹的 VSCode 主题”，这是一个专为每位程序员的审美品味量身定制的精选系列。

在错综复杂的编码世界中，美学常常不仅仅提供视觉愉悦。当开发人员花费无数时间盯着屏幕时，舒缓且适应性强的界面至关重要。
环境的一个重要方面是代码主题，它决定了程序员日常工作的文本和背景的颜色和样式。
支持浅色和深色模式的主题允许根据个人喜好进行定制，有助于减少眼睛疲劳、提高工作效率和更愉快的编码体验。
为了实现更具包容性和适应性的设计，我们策划了 23 个包含浅色和深色模式的出色代码主题的集合。
这些主题超越了美学，允许开发人员根据自己的舒适度、心情甚至一天中的时间定制工作环境。

如何自动切换主题
在开始使用我们精选的集合之前，请添加以下字段以使用用户设置根据操作系统的外观首选项在 Visual Studio Code 中自动切换浅色和深色主题。

{
    "window.autoDetectColorScheme": true,
    "workbench.preferredLightColorTheme": "Github Light",
    "workbench.preferredDarkColorTheme": "Github Dark",
    ...
}

• "window.autoDetectColorScheme": true：这使 VS Code 能够根据操作系统的设置自动检测并在浅色和深色配色方案之间切换。
• "workbench.preferredLightColorTheme": "Github Light"：这会将首选灯光主题设置为“Github Light”。当操作系统使用浅色外观时，VS Code 会切换到该主题。
• "workbench.preferredDarkColorTheme": "Github Dark"：同样，这会将首选深色主题设置为“Github Dark”。当操作系统使用深色外观时，VS Code 会切换到此主题。

如果您想要更多控制切换模式，可以使用一个名为的方便扩展 Toggle Light/Dark Theme （切换浅色/深色主题）使用我们已经定义的设置在 VS Code 中提供浅色/深色主题之间的快速切换。

1、Ayu
Ayu 主题有三种不同的版本：浅色、幻影和深色。它的设计简洁、现代，从 Sublime Text 编辑器的配色方案中汲取灵感。
Marketplace page - VSCode web

2、Bearded Theme
Bearded 主题精致细腻，色彩和谐共舞，营造出美轮美奂的视觉体验，同时确保文字清晰易读。该主题拥有令人印象深刻的 32 种主题变化，是最受欢迎的主题之一。
Marketplace page - VSCode web

3、Calm Days, Sober Nights
该主题用途广泛，适用于明亮的白天和神秘的夜晚。它能满足所有程序员的需求。
Marketplace page - VSCode web

4、Catppuccin for VSCode
Catppuccin 是一款极简、唯美的明暗主题，其设计目的是让你的眼睛感到愉悦和放松，减少长时间编码时可能产生的疲劳感。它以温暖、平衡的色调著称。
Marketplace page - VSCode web

5、Community Material Theme
社区 Material 主题的灵感来源于原始的 Material 主题。该主题根据流行的 Material Theme 提供了多种颜色选项，您可以根据自己的喜好和编码环境选择适合自己的颜色。
Marketplace page - VSCode web

6、Eva Theme
Eva主题的配色方案从 "伊娃设计系统 "中使用的调色板中汲取灵感，这也是Eva主题与 "伊娃设计系统 "同名的原因。色彩的选择经过深思熟虑，在不影响可读性的前提下创造出视觉上愉悦的主题。
Marketplace page - VSCode web

7、Everforest
Everforest 是一种自然、舒适的配色方案，旨在让眼睛感觉舒适。它采用了与大自然相关的绿色和泥土色，形成了一种舒缓的配色方案，可减少长时间编码时眼睛的疲劳。
Marketplace page - VSCode web

8、Flat UI
Flat UI 主题的灵感来源于广泛使用的 Flat UI 调色板。这种调色板因其大胆、鲜艳的色彩和简约的设计而脱颖而出。因此，Flat UI 主题对于喜欢明亮、清晰和吸引人的色彩组合的开发人员来说是一个极佳的选择。
Marketplace page - VSCode web

9、GitHub Theme
GitHub 的配色方案是 GitHub 主题的灵感来源。它提供了与 GitHub 类似的统一外观，这对经常在 GitHub 上浏览代码和问题的人很有吸引力。
Marketplace page - VSCode web

10、Linear Theme
一个视觉效果极佳的 Visual Studio Code 主题，从流行的问题跟踪工具 Linear 中汲取灵感。该主题采用了 Linear 界面的颜色，同时进行了微妙的调整，以优化您的编码体验。
Marketplace page - VSCode web

11、Material Theme
Material Theme 是 Visual Studio Code 最受欢迎的主题之一。谷歌的 Material Design（材料设计）指南激发了它的灵感，因此得名。该主题有多种配色方案，每种方案都能为你的代码编辑器提供连贯而现代的外观。
Marketplace page - VSCode web

12、Min Theme
适用于 Visual Studio Code 的 Min 主题是一款时尚、简约的设计，可让您的工作空间保持干净、简洁。将视觉元素最小化，减少了杂乱和潜在的干扰，让你可以集中精力高效地编码。
Marketplace page - VSCode web

13、Minimal Wave
该主题采用简约设计，带有合成波风格。它有两个主题--深色花卉和浅色花卉。
Marketplace page - VSCode web

14、Moxer Theme
来自 Material Theme 的创作者，Mower 是一款旨在将您的 DX 提升到新高度的主题。
Marketplace page - VSCode web

15、Night Owl
夜猫子 "是 Sarah Drasner 设计的一款广泛使用的色彩主题，可满足夜间工作、患有色盲或在弱光环境下工作的开发人员的需求。其色调经过精心挑选，可最大限度地减少眼睛疲劳，提供舒适的视觉体验。
Marketplace page - VSCode web

16、Relax Eyes Theme
Relax Eyes 主题采用了以绿色为中心的镇静配色方案。这种舒缓的色调营造出宁静祥和的氛围，非常适合忙碌一天后放松身心。
Marketplace page - VSCode web

17、sema
一个优先考虑真正重要内容的主题。受 "语义高亮 "的启发，它提升了代码的智能，而不仅仅是语法。Sema 的配色方案以 grb24bit 为基础，在活力与优雅之间取得了完美的平衡。
Marketplace page - VSCode web

18、Serendipity
Serendipity 是一款拥有精致简约色调的主题。该主题的设计旨在为您在不同界面上工作时提供舒适的视觉体验。
Marketplace page - VSCode web

19、Slack Theme
Slack 主题 是一款复制流行通信平台 Slack 的颜色和样式的主题。通过该主题，您可以将熟悉的 Slack 配色方案带入您的编码环境，从而为经常使用 Slack 的用户带来统一的视觉体验。
Marketplace page - VSCode web

20、Sublime Material Theme
Sublime Material Theme "的灵感来自 Mattia Astorino 的同名 Sublime Text 主题。它为你的 VS 代码提供了一个时尚、无干扰的用户界面层。该主题注重简约设计，并为不同的编辑器元素精心设计了调色板。
Marketplace page - VSCode web

21、Tinacious Design theme
"Tinacious Design "是 Tina Holly 为 Visual Studio Code 设计的色彩方案。该色彩主题生动活泼、赏心悦目，不同的元素使用不同的颜色，使代码一目了然。
Marketplace page - VSCode web

22、Tokyo Night
"东京之夜 "是一款适用于 Visual Studio Code 的时尚主题，兼顾了明暗元素。该主题采用柔和的粉色调，暗色背景的灵感来自东京迷人的夜景。它的设计对眼睛温和，可最大限度地减少长时间编码时的眼睛疲劳。
Marketplace page - VSCode web

23、Winter is Coming Theme
John Papa 设计的 "Winter is Coming "是 Visual Studio Code 的一款流行色彩主题。它采用了一系列柔和的颜色，特别受喜欢暗色主题或在昏暗环境中工作的开发人员的欢迎。
Marketplace page - VSCode web