第一步

  1. 打开编译器
  2. 找到工具里面的设置
  3. 点击源码视图
  4. 关于HBuilderX背景颜色-粉色
  5. 将下面代码复制到上面的地方
    {
    “editor.caretWidth” : 1,
    “editor.colorScheme” : “Default”,
    “editor.wordWrap” : true,
    “explorer.autoReveal” : true,
    “explorer.iconTheme” : “hx-file-icons-colorful”,
    “workbench.colorCustomizations” : {
    “[Default]” : {
    “sideBar.background” : “#FDF0ED”, //加深项目管理器颜色
    “editor.background” : “#FDF0ED”, //加深编辑区域背景颜色
    “toolBar.background” : “#FDF0ED”,
    “toolBar.hoverBackground” : “#fce5de”,
    “toolBar.border” : “#fad3c7”,
    “tab.activeBackground” : “#fad3c7”, //选中时的背景颜色
    “tab.activeForeground” : “#242227”, //选中时的前景颜色
    “tab.inactiveBackground” : “#FDF0ED”, //未选中时的背景颜色
    “tab.inactiveForeground” : “#938D8B”, //未选中时的前景颜色
    “tab.hoverBackground” : “#FCE7E2”,
    “tab.unfocusedHoverBackground” : “#FDF0ED”, //未选中分栏里鼠标滑过未选中标签的背景颜色
    “tab.unfocusedActiveForeground” : “#242227”, //未选中分栏里选中标签的前景颜色
    “tab.unfocusedInActiveForeground” : “#FDF0ED”, //未选中分栏里选中标签的前景颜色
    “editorSuggestWidget.selectedBackground” : “#fad3c7”, //助手弹窗选中条目时背景颜色
    “editorSuggestWidget.background” : “#fce5de”, //助手弹窗背景颜色
    “editorSuggestWidget.border” : “#fadad1”, //助手弹窗边框颜色
    “input.background” : “#fad3c7”, //文本框背景颜色
    “inputValidation.infoBackground” : “#FDF0ED”, //下拉框背景颜色
    “inputList.hoverBackground” : “#fce5de”, //鼠标滑过item背景颜色
    “inputList.border” : “#fce5de”, //下拉框边框颜色
    “list.foreground” : “#938D8B”, //前景颜色
    “list.highlightForeground” : “#E42E5B”, //高亮时前景颜色
    “list.activeSelectionBackground” : “#fad3c7”, //选中条目背景颜色
    “list.activeSelectionForeground” : “#E42E5B”, //选中条目前景颜色
    “list.hoverBackground” : “#fce5de”, //鼠标滑过背景颜色
    “outlineBackground” : “#FDF0ED”, //文档结构背景颜色
    “scrollbarSlider.background” : “#fad3c7”, //滚动条背景颜色
    “scrollbarSlider.hoverBackground” : “#E42E5B”, //鼠标滑过滚动条背景颜色
    “extensionButton.prominentBackground” : “#FDF0ED”, //背景颜色
    “extensionButton.prominentForeground” : “#E42E5B”, //前景颜色
    “extensionButton.border” : “#fad3c7”, // 边框颜色
    “extensionButton.prominentHoverBackground” : “#fad3c7”, //鼠标滑过时的背景颜色
    “extensionButton.checkColor” : “#E42E5B”, //选中时的前景颜色
    “settings.textInputBorder” : “#fadad1”, //文本框边框颜色
    “inputOption.activeBorder” : “#E42E5B”, //文本框有焦点时边框颜色
    “settings.dropdownBorder” : “#fadad1”, // combobox下拉列表边框颜色
    “settings.dropdownListBorder” : “#fadad1”, //combobox item边框颜色
    “imageview.background” : “#FDF0ED”, //浅色方格颜色
    “imageview.foreground” : “#fadad1”, //深色方格颜色
    “statusBar.background” : “#FDF0ED”, //状态栏背景颜色
    “statusBar.foreground” : “#938D8B”, //状态栏前景颜色
    “minimap.handle.background” : “#fadad1” //迷你地图滑块背景
    }
    }
    }

相关文章: