將色彩主題套用至 DevTools

您可以將各種色彩主題套用至 Microsoft Edge DevTools，包括來自 Visual Studio Code 的數個主題，例如 Monokai 和 Solarized Dark。 主題會影響窗格、按鈕和程式碼語法醒目提示的色彩。

本文是關於變更 DevTools 的外觀。 若要改為變更開發中網頁的顯示方式，請參閱 在轉譯的頁面中模擬深色或淺色配置。

可用的主題

根據預設，DevTools 主題會設定為 系統喜好設定 (也稱為 系統慣用色彩主題) 。 如果您的操作系統設定為淺色主題，DevTools 會使用 Light+ 主題。 如果您的操作系統設定為深色主題，DevTools 會使用 Dark+ 主題。 不過，您可以將 DevTools 變更為其他數個主題，如此當您將操作系統設定為淺色或深色主題時，DevTools 就不會受到影響。

淺色主題：

• Light+ (預設)
• 靜色燈
• 太陽能光源

深色主題：

• 深色+ (預設)
• 深淵
• Kimbie Dark
• Monokai
• Monokai Dimmed
• 紅色
• 太陽能化深色
• 明天晚上藍色

下列螢幕快照顯示四個不同的 DevTools 主題，從左上到右下：明天晚上藍色、Kimbie Dark、Solarized Dark 和 Red：

從 [設定] 變更色彩主題

1. 在 DevTools 中，按兩下 [ 自訂及控制DevTools ] () 按鈕，然後按兩下 [ 設定 () 按鈕。 或者，按 F1。

   

2. 選 取 [喜好設定]，然後在 [ 外觀] 區段中，從 [主題] 下拉式清單中選取 主題 ：

   

從命令功能表變更色彩主題

若要使用 [命令功能表] 來變更要套用至 DevTools 的色彩主題：

1. 在 DevTools 中，開啟 [命令] 功能表，例如按 Ctrl+Shift+P (Windows/Linux) 或 Command+Shift+P (macOS) 。

2. 開始輸入 theme，然後選取 [ 外觀 ] 命令，例如 切換至 Abys 主題 或 切換至 Light+ (預設) 主題：

1. 按 Enter。

另請參閱:

• 在命令功能表中執行命令

注意事項

此頁面的部分是根據Google所建立和 共用的工作進行 修改，並根據 Creative Commons Attribution 4.0 國際授權中所述的條款使用。 原始頁面可在這裡找到，並由 (技術寫入器 Chrome DevTools & Lighthouse) 所撰寫。

此工作是根據 Creative Commons Attribution 4.0 International License 授權。