告别单调！HBuilder X 自定义淡粉色主题，随心变色打造你的IDE！

2023-08-26 21:56:16

用淡粉色点缀你的 HBuilder X：打造个性化开发环境

厌倦了 HBuilder X 千篇一律的主题颜色？渴望打造一个更具个性化、赏心悦目的开发环境？现在，你可以通过自定义主题颜色功能，将 HBuilder X 变身为你专属的 IDE 天堂！本文将详细指导你如何轻松实现这一目标，并提供一个淡粉色主题的代码示例，助你打造一个令人赏心悦目的开发空间。

步骤指南：自定义你的 HBuilder X 主题颜色

1. 打开 HBuilder X

踏上个性化之旅的第一步，打开 HBuilder X，进入主界面。

2. 点击“设置”图标

在主界面右上角，你会发现“设置”图标。点击它，进入设置窗口。

3. 选择“主题”选项卡

在设置窗口中，选择“主题”选项卡，开启主题定制之旅。

4. 点击“自定义主题颜色”按钮

在“主题”选项卡中，点击“自定义主题颜色”按钮，打开主题颜色设置窗口。

5. 选择或输入主题颜色

在弹出的“自定义主题颜色”窗口中，你可以从预设颜色中选择，或输入自己的颜色值。对于淡粉色主题爱好者，你可以直接输入以下代码：

{
  "name": "淡粉色主题",
  "type": "dark",
  "colors": {
    "editor.background": "#FDF5E6",
    "editor.foreground": "#333",
    "editor.selectionBackground": "#FFD5D5",
    "editor.selectionForeground": "#000",
    "editor.lineHighlightBackground": "#FFFAFA",
    "editor.findMatchBackground": "#FFF59D",
    "editor.findMatchBorder": "#FFD700",
    "editor.lineNumberBackground": "#EFEFEF",
    "editor.lineNumberForeground": "#808080",
    "editor.rulerForeground": "#999",
    "editor.hoverHighlightBackground": "#FFFAFA",
    "editor.wordHighlightBackground": "#FFFFAA",
    "editor.wordHighlightStrongBackground": "#FFFF00",
    "editor.inactiveSelectionBackground": "#EFEFEF",
    "editor.selectionHighlightBackground": "#FDF5E6",
    "editor.symbolHighlightBackground": "#FF0000",
    "editor.cursorBackground": "#FF0000",
    "editor.annotationRulerBorder": "#FF0000",
    "editor.bracketMatchForeground": "#0000FF",
    "editor.guidesForeground": "#FF0000",
    "editor. minimap.background": "#FDF5E6",
    "editor. minimap.selectionBackground": "#FFD5D5",
    "editor. minimap.findMatchBackground": "#FFF59D",
    "editor. minimap.lineHighlightBackground": "#FFFAFA",
    "editor. minimap.inactiveSelectionBackground": "#EFEFEF",
    "editor. minimap.selectionHighlightBackground": "#FDF5E6",
    "editor. overviewRuler.border": "#FF0000",
    "editor. overviewRuler.findMatchForeground": "#FF0000",
    "editor. overviewRuler.selectionHighlightForeground": "#FF0000",
    "editor. overviewRuler.wordHighlightForeground": "#FF0000",
    "editor. overviewRuler.wordHighlightStrongForeground": "#FF0000",
    "editorGutter.background": "#FDF5E6",
    "editorGutter.addedBackground": "#C8F7C5",
    "editorGutter.deletedBackground": "#FF6B68",
    "editorGutter.modifiedBackground": "#FFD5D5",
    "editorGutter.inlineSuggestionBackground": "#FFFAFA",
    "editorLineNumber.foreground": "#808080",
    "editorIndentGuide.background": "#EFEFEF",
    "editorIndentGuide.activeBackground": "#FF0000",
    "editorMarkerNavigation.background": "#FFFAFA",
    "editorMarkerNavigationError.background": "#FF0000",
    "editorMarkerNavigationWarning.background": "#FF8647",
    "editorMarkerNavigationInfo.background": "#75BEFF",
    "editorSuggestWidget.background": "#FDF5E6",
    "editorSuggestWidget.selectedBackground": "#FFD5D5",
    "editorHoverWidget.background": "#FDF5E6",
    "editorHoverWidget.border": "#FF0000",
    "editorHoverWidget.foreground": "#000",
    "editorDefinitionLink.foreground": "#FF0000",
    "editorBracketHighlight.foreground1": "#FF0000",
    "editorBracketHighlight.foreground2": "#FF0000",
    "editorBracketHighlight.foreground3": "#FF0000",
    "editorBracketHighlight.foreground4": "#FF0000",
    "editorBracketHighlight.foreground5": "#FF0000",
    "editorBracketHighlight.foreground6": "#FF0000",
    "editorBracketHighlight.foreground7": "#FF0000",
    "editorBracketHighlight.foreground8": "#FF0000",
    "statusBarItem.background": "#EFEFEF",
    "statusBarItem.hoverBackground": "#FFFAFA",
    "sideBarSectionHeader.background": "#EFEFEF",
    "sideBarSectionHeader.foreground": "#808080",
    "sideBarTitle.foreground": "#333",
    "sideBarTitle.background": "#FDF5E6",
    "menu.foreground": "#333",
    "menu.background": "#FDF5E6",
    "menu.selectionForeground": "#000",
    "menu.selectionBackground": "#FFD5D5",
    "menu.separatorBackground": "#EFEFEF",
    "dropdown.background": "#FDF5E6",
    "dropdown.foreground": "#333",
    "dropdown.border": "#FF0000",
    "checkbox.background": "#FDF5E6",
    "checkbox.foreground": "#333",
    "button.background": "#EFEFEF",
    "button.foreground": "#333",
    "button.hoverBackground": "#FFFAFA",
    "input.background": "#FDF5E6",
    "input.foreground": "#333",
    "input.border": "#FF0000",
    "inputOption.activeBackground": "#FFD5D5",
    "inputValidation.errorForeground": "#FF0000",
    "inputValidation.infoForeground": "#75BEFF",
    "inputValidation.warningForeground": "#FF8647",
    "scrollbar.shadow": "#EFEFEF",
    "scrollbarSlider.background": "#EFEFEF",
    "scrollbarSlider.hoverBackground": "#FFFAFA",
    "scrollbarSlider.activeBackground": "#FFD5D5",
    "progressBar.background": "#EFEFEF",
    "progressBar.foreground": "#FF0000",
    "notificationCenter.border": "#FF0000",
    "notificationCenterHeader.foreground": "#333",
    "notificationCenterHeader.background": "#FDF5E6",
    "notificationToast.border": "#FF0000",
    "notificationToast.foreground": "#333",
    "notificationToast.background": "#FDF5E6"
  }
}