VSCode中10个漂亮的浅色主题「分享」

1. 简介

Visual Studio Code（简称VSCode）是一款由微软开发的免费开源的代码编辑器，拥有强大的功能和丰富的扩展库。其中，主题是VSCode中常用到的重要功能之一，而浅色主题在编程中也是非常受欢迎的一种配色方式。本文将向大家介绍10个漂亮的浅色主题，希望能够给大家提供多种选择，以便更好地舒适地编写代码。

2. 主题推荐

2.1 Noctis Minimus

Noctis Minimus是一款黑色背景透明的主题，既美观又实用。这个主题的背景透明度可以进行调整，以适应不同的编写环境。此外，它的标准化颜色表使代码更加易于阅读，让你更加专注于编写代码。

以下是Noctis Minimus主题的预览图：

接下来是Noctis Minimus在VSCode中安装和启用的相关代码：

// 安装Noctis Minimus主题

ext install noctis-minimus
// 启用Noctis Minimus主题
{
    "workbench.colorTheme": "Noctis Minimus",
    "workbench.colorCustomizations": {
        "[Noctis Minimus]": {
            "editor.backgroundOpacity": 0.7,
            "editorLineNumber.activeForeground": "#8AE544",
            "editorLineNumber.foreground": "#5F6062"
        }
    }
}

2.2 Nord

Nord是一款受到极北地区自然环境启发的浅色主题。它采用的是寒冷的蓝色和青色调组成，代码编辑器和操作系统之间形成了完美的统一配合。这个主题不仅外观美观，而且具有极高的读取性和易用性。

以下是Nord主题的预览图：

接下来是Nord在VSCode中安装和启用的相关代码：

// 安装Nord主题

ext install nord-visual-studio-code
// 启用Nord主题
{
    "workbench.colorTheme": "Nord",
    "workbench.colorCustomizations": {
        "[Nord]": {
            "titleBar.activeBackground": "#5D81AD",
            "titleBar.activeForeground": "#FFFFFF",
            "statusBar.background": "#3B4252",
            "editor.background": "#2E3440",
            "editor.foreground": "#ECEFF4"
        }
    }
}

2.3 Light+（默认主题）

VSCode的默认浅色主题也是一种非常优雅，大众化的选择，它的配色方案非常简单、明亮和干净。多年来它一直是很多程序员的首选主题，原因在于它不仅易阅读和操作，而且不会过于刺眼。

以下是Light+主题的预览图：

启用Light+主题：

{

    "workbench.colorTheme": "Visual Studio Light",
    "workbench.iconTheme": "vscode-icons",
    "editor.fontSize": 13,
    "editor.wordWrapColumn": 100
}

2.4 Solarized Light

Solarized Light主题适用于对代码和美学有同等压力的人。这个主题采用了精心设计的橙色和蓝色色调，以及大量的灰色阴影，使代码具有非常高的可读性。如果你想使你的背景大略浅色，但是又不想完全放弃暗色的好处，那么这个主题正好适合你。

以下是Solarized Light主题的预览图：

接下来是Solarized Light在VSCode中安装和启用的相关代码：

// 安装Solarized Light主题

ext install solarized-light-theme
// 启用Solarized Light主题
{
    "workbench.colorTheme": "Solarized Light",
    "workbench.colorCustomizations": {
        "[Solarized Light]": {
            "editor.background": "#FDF6E3",
            "editorCursor.foreground": "#657B83",
            "terminal.background": "#FDF6E3",
            "terminal.foreground": "#657B83"
        }
} 

2.5 Github Light

Github Light主题是一款原生Github的主题，采用单调的淡黄色调配备黑色字体，看上去非常简洁。同时这个主题支持多语言编辑，并具有较高的可读性。

以下是Github Light主题的预览图：

接下来是Github Light在VSCode中安装和启用的相关代码：

// 安装Github Light主题

ext install vscode-github-theme
// 启用Github Light主题
{
    "workbench.colorTheme": "GitHub Light",
    "editor.fontSize": 14,
    "editor.lineHeight": 28,
    "editor.fontFamily": "Fira Code Retina",
    "editor.fontLigatures": true,
    "terminal.integrated.fontSize": 14,
    "terminal.integrated.fontFamily": "Fira Code Retina"
}

2.6 Panda Theme

Panda Theme是VSCode扩展库中一个非常受欢迎的浅色主题之一，它采用淡粉色和灰色圆柱色配合，看上去非常可爱而迷人。该主题支持语法高亮和非常细致的明暗调节，适用于长时间编写程序的用户。

以下是Panda Theme主题的预览图：

接下来是Panda Theme在VSCode中安装和启用的相关代码：

// 安装Panda Theme主题

ext install panda-theme
// 启用Panda Theme主题
{
    "workbench.colorTheme": "Panda Theme",
    "workbench.editor.highlightModifiedTabs": true,
    "workbench.feedback.visible": false,
    "workbench.colorCustomizations": {
        "scrollbar.shadow": "#000",
        "scrollbarSlider.background": "#ff6d9b",
        "scrollbarSlider.hoverBackground": "#ff6d9b",
        "scrollbarSlider.activeBackground": "#ff6d9b",
        "[Panda Theme]": {
            "editor.background": "#1E2027",
            "sideBar.background": "#232733",
            "activityBar.background": "#232733",
            "editorLineNumber.foreground": "#8B8E9A",
            "activityBarBadge.background": "#ff6d9b",
            "sideBarSectionHeader.foreground": "#5D6D7E",
            "button.background": "#ff6d9b",
            "badge.background": "#ff6d9b"
        }
    }
}

2.7 Cobalt2

Cobalt2主题是一种蓝色调浅色主题，非常适合需要多个编码文件时防止混淆和混乱的用户。这种主题采用强烈的蓝色和其他高反差色搭配，完美地结合了视觉吸引力和易用性。

以下是Cobalt2主题的预览图：

接下来是Cobalt2在VSCode中安装和启用的相关代码：

// 安装Cobalt2主题

ext install vscode-theme-cobalt2
// 启用Cobalt2主题
{
    "workbench.colorTheme": "Cobalt2",
    "workbench.iconTheme": "vscode-icons",
    "editor.fontSize": 16,
    "editor.lineHeight": 24,
    "editor.tabSize": 2,
    "editor.fontFamily": "JetBrains Mono",
    "editor.fontLigatures": true,
    "extensions.ignoreRecommendations": true
}

2.8 One Light

One Light主题是一种流行的浅色主题之一，采用了非常简单和直接的细节，以同等权重标记每一种语言和编码风格的配色方案。黑色主题One Dark也是一个非常棒的选择，源自同一个主题。

以下是One Light主题的预览图：

接下来是One Light在VSCode中安装和启用的相关代码：

// 安装One Light主题

ext install vscode-theme-onelight
// 启用One Light主题
{
    "workbench.colorTheme": "One Light",
    "workbench.colorCustomizations": {
        "editor.background": "#F7F7F7",
        "editor.lineHighlightBackground": "#F7F7F7"
    }
}

2.9 Horizon

Horizon主题是一款美观的浅色和深色混合主题。它的配色方案非常温和，灰色和蓝色调恰到好处，非常适合那些需要保持视觉平衡的效果最好的程序员。

以下是Horizon主题的预览图：

接下来是Horizon在VSCode中安装和启用的相关代码：

// 安装Horizon主题

ext install horizon-theme-vscode
// 启用Horizon主题
{
    "workbench.colorTheme": "Horizon",
    "workbench.colorCustomizations": {
        "[Horizon]": {
            "editor.background": "#1d1f21",
            "editor.foreground": "#c5c8c6",
            "editorLineNumber.foreground": "#c5c8c6"
        }
    }
}

2.10 Winter is Coming

Winter is Coming是一款非常独特的浅色主题，它采用了地铁红色和白色调配合的配色方案。这个主题非常简洁，适合喜欢被鲜明的配色吸引的程序员。

以下是Winter is Coming主题的预览图：

接下来是Winter is Coming在VSCode中安装和启用的相关代码：

// 安装Winter is Coming主题

ext install winter-is-coming-theme
// 启用Winter is Coming主题
{
    "workbench.colorTheme": "Winter is Coming (Dark)",
    "editor.fontFamily": "Dank Mono",
    "workbench.iconTheme": "material-icon-theme",
    "workbench.activityBar.visible": true,
    "workbench.editor.tabCloseButton": "off",
    "workbench.editor.showIcons": true,
    "editor.fontSize": 13,
    "editor.lineHeight": 22,
    "editor.fontWeight": "400",
    "editor.fontLigatures": true,
    "editor.minimap.showSlider": "always",
    "editor.minimap.renderCharacters": false
}

3. 结论

本文介绍了10个漂亮的浅色主题，希望可以帮助程序员寻找适合自己的配色方案，提高编写代码的效率和体验。上述主题都非常精心设计，且都具有非常高的可读性，可根据个人喜好选择最适合自己的主题。