在 Visual Studio Code 中，可通過(guò)安裝擴(kuò)展來(lái)自定義編輯器主題。主題通常分為三種類型：暗色主題、明亮主題和高對(duì)比度主題。其中暗色模式對(duì)眼睛更加舒適，本文重點(diǎn)介紹8種優(yōu)秀的暗色模式主題，并在文章結(jié)尾提供隨 VSCode 一起的快捷鍵供大家參考使用。

1 Visual Studio Dark+

這是 Visual Studio 的默認(rèn)主題之一，隨 VSCode 一起提供。可以按 Ctrl/Command + Shift + P 進(jìn)行訪問(wèn)。這會(huì)打開 VSCode 的搜索欄，鍵入：“首選項(xiàng)：顏色主題”（Preferences: Color Theme）。這會(huì)提供所有默認(rèn)和當(dāng)前安裝的主題的下拉列表。選擇“暗色+（默認(rèn)）”（Dark + (default)）。

圖片

2 暗色+（默認(rèn)）主題（Atom One Dark Theme）

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark

Atom One Dark Theme 適用于 Visual Studio Code 和 Atom 編輯器。這個(gè)主題具有柔和的綠色和紫色突出顯示，并且在深色背景上提供了很好的對(duì)比度。它非常適合在昏暗的環(huán)境中工作，并且能夠減少眼睛疲勞。此外，它還具有一些可定制的選項(xiàng)，例如字體和字號(hào)大小。

圖片

3 Aurora X

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=marqu3s.aurora-x

Aurora X 這款暗色主題具有深紫色背景和柔和的色調(diào)，旨在提供柔和、易讀的編輯體驗(yàn)。Aurora X 主題具有高對(duì)比度和清晰的字體樣式，并且支持多種編程語(yǔ)言和文件類型。它還具有可定制性，可以根據(jù)開發(fā)者的偏好進(jìn)行調(diào)整。

圖片

4 Cobalt2 主題官方版（Cobalt2 Theme Official）

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2

這個(gè)主題使用淡藍(lán)色作為背景色，被認(rèn)為是深色主題。這個(gè)主題具有文本和背景之間優(yōu)秀的對(duì)比度。

圖片

5 GitHub 主題

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme

這個(gè)主題基于 GitHub，具有清晰、易讀的代碼字體和 Syntax highlighting。此主題擴(kuò)展具有 2 種明亮主題和 3 種深色主題。此外，該擴(kuò)展還提供了一些其他功能，如自動(dòng)切換主題和自定義設(shè)置。

圖片

如圖左下角所示

6 夜晚貓頭鷹（Night Owl）

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=sdras.night-owl

這是另一個(gè)具有 2 種深色主題和 2 種明亮主題的主題包，因?yàn)榇丝钪黝}有選擇斜體字體的選項(xiàng)。這個(gè)主題具有醒目的深藍(lán)色背景，如下所示：

圖片

夜晚貓頭鷹（帶斜體）

7 東京之夜（Tokyo Night）

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night

這是一組包含 2 種深色主題和 1 種明亮主題的主題。“東京之夜”主題具有深紫色背景?！皷|京之夜風(fēng)暴”主題具有略微更亮的紫色背景。

圖片

東京之夜主題

8 冬天來(lái)臨主題（Winter is Coming Theme）

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=johnpapa.winteriscoming

這是一個(gè)非常漂亮的深色主題，具有 2 種深色主題和 1 種明亮主題，每種主題均帶有斜體選項(xiàng)。

Tips：深藍(lán)主題很棒，但深黑主題可能會(huì)傷害眼睛。建議使用深藍(lán)色。

圖片

VSCode 快捷鍵

以下是隨 VSCode 一起提供的快捷鍵：

圖片

復(fù)制或保存此快捷鍵，以便以后使用。