【无标题】把vscode装饰成Hbuilder

外观和代码染色

在vscode的settings.json的最外层对象中插入如下代码

  "workbench.colorTheme": "Solarized Light",
  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#fffdf4", //顶部工具栏
    "titleBar.inactiveBackground": "#fffae8", //顶部工具栏 编辑器失焦
    "menu.background": "#fffdf4", //顶部工具栏下拉菜单
    "activityBar.background": "#fffcf3", //左侧工具栏
    "activityBarBadge.background": "#41a863", //左侧工具栏通知圆点
    "sideBar.background": "#fffae8", //资源管理器
    // "sideBarSectionHeader.background": "#fffdf4", //资源管理器菜单
    "sideBar.dropBackground": "#daeacec0", //资源管理器 拖动菜单放置其他菜单上时
    "list.dropBackground": "#daeace", //资源管理器 拖动文件放置其他文件夹上时
    "list.hoverBackground": "#e8dfc4", //资源管理器 悬停项
    "list.inactiveSelectionBackground": "#e8dfc4", //资源管理器 已选项
    "list.inactiveSelectionForeground": "#41a863", //资源管理器 已选项
    "list.activeSelectionBackground": "#e8dfc400", //资源管理器+代码提示列表 当前项
    "list.focusAndSelectionOutline": "#e8dfc400", //资源管理器+代码提示列表 当前项
    // "list.activeSelectionForeground": "#41a863",//资源管理器+代码提示列表 当前项
    "list.focusHighlightForeground": "#41a863", //资源管理器+代码提示列表 当前项 匹配部分
    "list.highlightForeground": "#41a863", //代码提示列表 其它项 匹配部分
    // "list.warningForeground": "#ab7e05", //资源管理器+选项卡 警告项
    "tab.hoverBackground": "#daeace", //选项卡悬停
    "tab.activeBackground": "#41a863", //当前选项卡
    "tab.activeForeground": "#fffefa", //当前选项卡
    "tab.inactiveBackground": "#fffae8", //非当前选项卡
    "tab.inactiveForeground": "#9f9371", //非当前选项卡
    "tab.unfocusedHoverForeground": "#41a863", //非当前选项卡
    "tab.border": "#fffae800", //选项卡间隔
    "breadcrumb.foreground": "#41a863", //导航
    "breadcrumb.focusForeground": "#cfb56a", //导航悬停
    "breadcrumb.activeSelectionForeground": "#41a863", //导航正在选择
    "breadcrumbPicker.background": "#fffcf3", //导航下拉菜单
    "panel.background": "#fffcf3", //下方面板
    "panelTitle.activeBorder": "#41a863", //下方面板当前项选项卡下划线
    "terminal.background": "#fffcf3", //下方面板 终端
    "statusBar.background": "#fffdf4", //下方状态栏
    "statusBar.foreground": "#41a863", //下方状态栏
    "button.background": "#41a863", //按钮
    "input.background": "#fffae8", //输入框
    "scrollbarSlider.background": "#cfb56ac0", //滚动条滑块
    "scrollbarSlider.hoverBackground": "#41a863c0", //滚动条滑块
    "scrollbarSlider.activeBackground": "#41a863", //滚动条滑块
    "icon.foreground": "#41a863", //默认图标
    "editor.background": "#fffae8", //编辑器代码区
    "editor.foreground": "#3e4b53", //编辑器代码区
    "editorLineNumber.foreground": "#9f9371", //行号
    "editorLineNumber.activeForeground": "#9f9371", //当前行号
    "editor.wordHighlightBackground": "#fffae800", //当前单词高亮
    "editor.lineHighlightBackground": "#e8dfc4", //当前行高亮
    "editor.hoverHighlightBackground": "#fffae800", //悬停文字自动背景色
    "editor.selectionBackground": "#bcd68d", //选中文字背景
    "editor.findMatchBackground": "#bcd68d", //搜索匹配当前项
    "editor.findMatchBorder": "#3e4b53", //搜索匹配当前项
    "editor.findMatchHighlightBackground": "#ffffff00", //搜索匹配其他项
    "editor.findMatchHighlightBorder": "#3e4b53", //搜索匹配其他项
    "editorLink.activeForeground": "#3e4b53", //链接 ctrl+悬停
    "editorSuggestWidget.background": "#fffbf3", //代码提示
    "editorBracketHighlight.foreground1": "#3e4b53", //最外层括号
    "editorBracketHighlight.foreground2": "#3e4b53",
    "editorBracketHighlight.foreground3": "#3e4b53",
    "editorBracketHighlight.foreground4": "#3e4b53",
    "editorBracketHighlight.foreground5": "#3e4b53",
    "editorBracketHighlight.foreground6": "#3e4b53"
  },
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "settings": {
          "foreground": "#657B83"
        }
      },
      {
        "scope": [
          "meta.embedded",
          "source.groovy.embedded"
        ],
        "settings": {
          "foreground": "#657B83"
        }
      },
      {
        "scope": "meta.property-name",
        "settings": {
          "foreground": "#3c7a03"
        }
      },
      {
        "scope": "meta.image.inline.markdown",
        "settings": {
          "foreground": "#373224"
        }
      },
      {
        "scope": "markup.underline.link.image.markdown",
        "settings": {
          "foreground": "#1564E6"
        }
      },
      {
        "scope": "string.other.link.description.image.title.markdown",
        "settings": {
          "foreground": "#EA465C"
        }
      },
      {
        "scope": "text.html.markdown",
        "settings": {
          "foreground": "#373224"
        }
      },
      {
        "name": "Comment",
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#93A1A1"
        }
      },
      {
        "name": "Comment",
        "scope": "punctuation.definition.comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#93A1A1"
        }
      },
      {
        "name": "Conditional Comment Keyword",
        "scope": "comment.conditional.keyword",
        "settings": {
          "foreground": "#859900"
        }
      },
      {
        "name": "Conditional Comment Defined",
        "scope": "comment.conditional.define",
        "settings": {
          "fontStyle": "bold",
          "foreground": "#268BD2"
        }
      },
      {
        "name": "String",
        "scope": "string",
        "settings": {
          "foreground": "#248C85"
        }
      },
      {
        "name": "String Other Link Description",
        "scope": "string.other.link.description.markdown",
        "settings": {
          "foreground": "#EA465C"
        }
      },
      {
        "name": "String Other Link Title",
        "scope": "string.other.link.title.markdown",
        "settings": {
          "foreground": "#1A9F00"
        }
      },
      {
        "name": "Regexp",
        "scope": "string.regexp",
        "settings": {
          "foreground": "#D30102"
        }
      },
      {
        "name": "Number",
        "scope": "constant.numeric",
        "settings": {
          "foreground": "#D33682"
        }
      },
      {
        "name": "Variable",
        "scope": [
          "variable.language",
          "variable.scss"
        ],
        "settings": {
          "foreground": "#268BD2"
        }
      },
      {
        "name": "Keyword",
        "scope": "keyword",
        "settings": {
          "foreground": "#859900"
        }
      },
      {
        "name": "Storage",
        "scope": "storage",
        "settings": {
          "foreground": "#073642"
        }
      },
      {
        "name": "Storage",
        "scope": "storage.type",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#364BC0"
        }
      },
      {
        "name": "Class name",
        "scope": [
          "entity.name.class",
          "entity.name.type"
        ],
        "settings": {
          "foreground": "#268BD2"
        }
      },
      {
        "name": "Function name",
        "scope": "entity.name.function",
        "settings": {
          "foreground": "#ae7a00"
        }
      },
      {
        "name": "Variable start",
        "scope": "punctuation.definition.variable",
        "settings": {
          "foreground": "#859900"
        }
      },
      {
        "name": "List Start",
        "scope": "beginning.punctuation.definition.list.markdown",
        "settings": {
          "foreground": "#4E3B00"
        }
      },
      {
        "name": "Todo",
        "scope": "punctuation.definition.todo.markdown",
        "settings": {
          "foreground": "#E60000"
        }
      },
      {
        "name": "List Start",
        "scope": "beginning.punctuation.definition.numbered.list.markdown",
        "settings": {
          "foreground": "#4E759D"
        }
      },
      {
        "name": "Embedded code markers",
        "scope": [
          "punctuation.section.embedded.begin",
          "punctuation.section.embedded.end"
        ],
        "settings": {
          "foreground": "#D30102"
        }
      },
      {
        "name": "Built-in constant",
        "scope": [
          "constant.language",
          "meta.preprocessor"
        ],
        "settings": {
          "foreground": "#B58900"
        }
      },
      {
        "name": "Support.construct",
        "scope": [
          "support.function.construct",
          "keyword.other.new"
        ],
        "settings": {
          "foreground": "#D30102"
        }
      },
      {
        "name": "User-defined constant",
        "scope": [
          "constant.character",
          "constant.other"
        ],
        "settings": {
          "foreground": "#CB4B16"
        }
      },
      {
        "name": "Inherited class",
        "scope": "entity.other.inherited-class",
        "settings": {}
      },
      {
        "name": "Function argument",
        "scope": "variable.parameter",
        "settings": {}
      },
      {
        "name": "Tag name",
        "scope": "entity.name.tag",
        "settings": {
          "foreground": "#2367C7"
        }
      },
      {
        "name": "Tag start/end",
        "scope": [
          "punctuation.definition.tag.begin",
          "punctuation.definition.tag.end",
          "punctuation.definition.tag"
        ],
        "settings": {
          "foreground": "#2367C7"
        }
      },
      {
        "name": "Tag attribute",
        "scope": "entity.other.attribute-name",
        "settings": {
          "foreground": "#cb2d01"
        }
      },
      {
        "name": "Library function",
        "scope": "support.function",
        "settings": {
          "foreground": "#268BD2"
        }
      },
      {
        "name": "Continuation",
        "scope": "punctuation.separator.continuation",
        "settings": {
          "foreground": "#D30102"
        }
      },
      {
        "name": "Library constant",
        "scope": "support.constant",
        "settings": {}
      },
      {
        "name": "Library class/type",
        "scope": [
          "support.type",
          "support.class"
        ],
        "settings": {
          "foreground": "#3C7A03"
        }
      },
      {
        "name": "Library Exception",
        "scope": "support.type.exception",
        "settings": {
          "foreground": "#CB4B16"
        }
      },
      {
        "name": "Library variable",
        "scope": "support.other.variable",
        "settings": {}
      },
      {
        "name": "Invalid",
        "scope": "invalid",
        "settings": {}
      },
      {
        "name": "diff: header",
        "scope": [
          "meta.diff",
          "meta.diff.header"
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#E0EDDD"
        }
      },
      {
        "name": "diff: deleted",
        "scope": "markup.deleted",
        "settings": {
          "fontStyle": "",
          "foreground": "#dc322f"
        }
      },
      {
        "name": "Underline Link",
        "scope": "markup.underline.link.markdown",
        "settings": {
          "foreground": "#1564E6"
        }
      },
      {
        "name": "diff: changed",
        "scope": "markup.changed",
        "settings": {
          "fontStyle": "",
          "foreground": "#cb4b16"
        }
      },
      {
        "name": "diff: inserted",
        "scope": "markup.inserted",
        "settings": {
          "foreground": "#219186"
        }
      },
      {
        "name": "Markup Quote",
        "scope": "markup.quote.markdown",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#C05384"
        }
      },
      {
        "name": "Markup Lists Numbered",
        "scope": "markup.list.numbered.markdown",
        "settings": {
          "foreground": "#35485c"
        }
      },
      {
        "name": "Markup Lists Unnumbered",
        "scope": "markup.list.unnumbered.markdown",
        "settings": {
          "foreground": "#8d634a"
        }
      },
      {
        "name": "Markup Fenced_code",
        "scope": "markup.fenced_code.block.markdown",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#325390"
        }
      },
      {
        "name": "Markup numbered list bold Styling",
        "scope": [
          "text.html.markdown markup.list.numbered.markdown meta.paragraph.markdown markup.bold.markdown",
          "text.html.markdown markup.list.numbered.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#35485c"
        }
      },
      {
        "name": "Markup txt bold Styling",
        "scope": [
          "text.html.markdown meta.paragraph.markdown markup.bold.markdown",
          "text.html.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#373224"
        }
      },
      {
        "name": "Markup h1 bold Styling",
        "scope": [
          "text.html.markdown markup.heading.h1.markdown entity.name.section.markdown markup.bold.markdown",
          "text.html.markdown markup.heading.h1.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#154431"
        }
      },
      {
        "name": "Markup h2 bold Styling",
        "scope": [
          "text.html.markdown markup.heading.h2.markdown entity.name.section.markdown markup.bold.markdown",
          "text.html.markdown markup.heading.h2.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#10642c"
        }
      },
      {
        "name": "Markup h3 bold Styling",
        "scope": [
          "text.html.markdown markup.heading.h3.markdown entity.name.section.markdown markup.bold.markdown",
          "text.html.markdown markup.heading.h3.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#09734f"
        }
      },
      {
        "name": "Markup h4 bold Styling",
        "scope": [
          "text.html.markdown markup.heading.h4.markdown entity.name.section.markdown markup.bold.markdown",
          "text.html.markdown markup.heading.h4.markdown entity.name.section.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#15936d"
        }
      },
      {
        "name": "Markup quote bold Styling",
        "scope": [
          "text.html.markdown markup.quote.markdown meta.paragraph.markdown markup.bold.markdown",
          "text.html.markdown markup.quote.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#C05384"
        }
      },
      {
        "name": "Markup unnumbered list bold Styling",
        "scope": [
          "text.html.markdown markup.list.unnumbered.markdown meta.paragraph.markdown markup.bold.markdown",
          "text.html.markdown markup.list.unnumbered.markdown meta.paragraph.markdown markup.bold.markdown punctuation.definition.bold.markdown"
        ],
        "settings": {
          "fontStyle": "bold",
          "foreground": "#8d634a"
        }
      },
      {
        "name": "Markup Styling",
        "scope": "markup.bold.markdown",
        "settings": {
          "fontStyle": "bold"
        }
      },
      {
        "name": "Markup Styling",
        "scope": "markup.italic.markdown",
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "Markup Dividingline",
        "scope": [
          "markup.dividingline.markdown"
        ],
        "settings": {
          "foreground": "#B7AF94"
        }
      },
      {
        "name": "Markup CommonDividingline",
        "scope": [
          "markup.commondividingline.markdown"
        ],
        "settings": {
          "foreground": "#2B2922"
        }
      },
      {
        "name": "Markup Inline",
        "scope": "markup.inline.raw.string.markdown",
        "settings": {
          "fontStyle": "",
          "foreground": "#db0eb7"
        }
      },
      {
        "name": "Markup Headings H1",
        "scope": "markup.heading.h1.markdown",
        "settings": {
          "fontStyle": "bold",
          "foreground": "#154431"
        }
      },
      {
        "name": "Markup Headings H2",
        "scope": "markup.heading.h2.markdown",
        "settings": {
          "fontStyle": "bold",
          "foreground": "#10642c"
        }
      },
      {
        "name": "Markup Headings H3",
        "scope": "markup.heading.h3.markdown",
        "settings": {
          "fontStyle": "bold",
          "foreground": "#09734f"
        }
      },
      {
        "name": "Markup Headings H4",
        "scope": "markup.heading.h4.markdown",
        "settings": {
          "fontStyle": "bold",
          "foreground": "#15936d"
        }
      },
      {
        "name": "Markup Setext Header",
        "scope": "markup.heading.setext",
        "settings": {
          "fontStyle": "",
          "foreground": "#268BD2"
        }
      }
    ]
  },

给有需要的小伙伴

设置 ctrl+鼠标左键 多光标