Xiaohaoo IntelliJ Theme
Publisher: xiaohaooThemes in package: 4
VS Code color themes and file icons inspired by IntelliJ IDEA.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#1AEBFF26
- activityBar.activeBorder#1AEBFF
- activityBar.background#2B2D30
- activityBar.border#B3B3B3
- activityBar.foreground#EBEBEB
- activityBar.inactiveForeground#E0861F
- activityBarBadge.background#1AEBFF
- activityBarBadge.foreground#000000
- badge.background#1AEBFF
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#EBEBEB
- breadcrumb.background#131314
- breadcrumb.focusForeground#EBEBEB
- breadcrumb.foreground#E0861F
- breadcrumbPicker.background#000080
- button.background#1AEBFF
- button.border#1AEBFF
- button.foreground#000000
- button.hoverBackground#1AEBFFDD
- button.secondaryBackground#000000
- button.secondaryForeground#EBEBEB
- button.secondaryHoverBackground#EBEBEB1A
- charts.blue#1AEBFF
- charts.foreground#EBEBEB
- charts.green#62CC47
- charts.lines#B3B3B3
- charts.orange#F2C55C
- charts.purple#ED94FF
- charts.red#FA3232
- charts.yellow#F2C55C
- chat.requestBackground#3333FF99
- chat.requestBorder#1AEBFF80
- chat.slashCommandBackground#1AEBFF26
- chat.slashCommandForeground#1AEBFF
- checkbox.background#000080
- checkbox.border#B3B3B3
- checkbox.foreground#EBEBEB
- debugConsole.errorForeground#FA3232
- debugConsole.infoForeground#B39500
- debugConsole.warningForeground#F2C55C
- debugIcon.breakpointDisabledForeground#E0861F
- debugIcon.breakpointForeground#FA3232
- debugIcon.breakpointUnverifiedForeground#F2C55C
- debugIcon.continueForeground#62CC47
- debugIcon.disconnectForeground#FA3232
- debugIcon.pauseForeground#F2C55C
- debugIcon.restartForeground#62CC47
- debugIcon.startForeground#62CC47
- debugIcon.stepIntoForeground#B39500
- debugIcon.stepOutForeground#B39500
- debugIcon.stepOverForeground#B39500
- debugIcon.stopForeground#FA3232
- debugToolBar.background#000080
- debugToolBar.border#B3B3B3
- debugView.exceptionLabelBackground#FA3232
- debugView.exceptionLabelForeground#000000
- debugView.stateLabelBackground#1AEBFF66
- debugView.stateLabelForeground#EBEBEB
- descriptionForeground#E0861F
- diffEditor.insertedLineBackground#0099241F
- diffEditor.insertedTextBackground#00992433
- diffEditor.removedLineBackground#FA32321F
- diffEditor.removedTextBackground#FA323233
- diffEditorGutter.insertedLineBackground#00992433
- diffEditorGutter.removedLineBackground#FA323233
- diffEditorOverview.insertedForeground#009924CC
- diffEditorOverview.removedForeground#FA3232CC
- disabledForeground#E0861F
- dropdown.background#000080
- dropdown.border#B3B3B3
- dropdown.foreground#EBEBEB
- dropdown.listBackground#000080
- editor.background#131314
- editor.findMatchBackground#0011337A
- editor.findMatchBorder#00AEFFCC
- editor.findMatchHighlightBackground#00611266
- editor.findMatchHighlightBorder#00AEFF80
- editor.findRangeHighlightBackground#00611233
- editor.foldBackground#2B2D3088
- editor.foreground#EBEBEB
- editor.hoverHighlightBackground#393B4055
- editor.inactiveSelectionBackground#0062804D
- editor.lineHighlightBackground#00006680
- editor.lineHighlightBorder#00006600
- editor.rangeHighlightBackground#00611233
- editor.selectionBackground#00628080
- editor.selectionForeground#EBEBEB
- editor.selectionHighlightBackground#00611240
- editor.symbolHighlightBackground#003B0A66
- editor.wordHighlightBackground#003B0A73
- editor.wordHighlightStrongBackground#47174773
- editorBracketHighlight.foreground1#ED864A
- editorBracketHighlight.foreground2#54B33E
- editorBracketHighlight.foreground3#FFCF40
- editorBracketHighlight.foreground4#ED94FF
- editorBracketHighlight.foreground5#33CCFF
- editorBracketHighlight.foreground6#A9B837
- editorBracketHighlight.unexpectedBracket.foreground#FA3232
- editorBracketMatch.background#393B4066
- editorBracketMatch.border#43454A
- editorBracketPairGuide.activeBackground1#B3B3B3
- editorBracketPairGuide.activeBackground2#B3B3B3
- editorBracketPairGuide.activeBackground3#B3B3B3
- editorBracketPairGuide.activeBackground4#B3B3B3
- editorBracketPairGuide.activeBackground5#B3B3B3
- editorBracketPairGuide.activeBackground6#B3B3B3
- editorBracketPairGuide.background1#666666
- editorBracketPairGuide.background2#666666
- editorBracketPairGuide.background3#666666
- editorBracketPairGuide.background4#666666
- editorBracketPairGuide.background5#666666
- editorBracketPairGuide.background6#666666
- editorCodeLens.foreground#999999
- editorCommentsWidget.rangeActiveBackground#1AEBFF33
- editorCommentsWidget.rangeBackground#1AEBFF1F
- editorCommentsWidget.resolvedBorder#B3B3B3
- editorCommentsWidget.unresolvedBorder#1AEBFF
- editorCursor.foreground#FFFFFF
- editorError.border#FA323200
- editorError.foreground#FA3232
- editorGroup.border#B3B3B3
- editorGroup.dropBackground#1AEBFF33
- editorGroupHeader.noTabsBackground#2B2D30
- editorGroupHeader.tabsBackground#2B2D30
- editorGroupHeader.tabsBorder#B3B3B3
- editorGutter.addedBackground#009924
- editorGutter.background#131314
- editorGutter.commentRangeForeground#E0861F
- editorGutter.deletedBackground#FFA14F
- editorGutter.foldingControlForeground#E0861F
- editorGutter.modifiedBackground#1AABFF
- editorHint.border#B3950000
- editorHint.foreground#B39500
- editorHoverWidget.background#000080
- editorHoverWidget.border#B3B3B3
- editorHoverWidget.foreground#EBEBEB
- editorIndentGuide.activeBackground1#999999
- editorIndentGuide.background1#666666
- editorInfo.border#B3950000
- editorInfo.foreground#B39500
- editorInlayHint.background#FFFFFFCC
- editorInlayHint.foreground#000000
- editorInlayHint.parameterBackground#FFFFFFCC
- editorInlayHint.parameterForeground#000000
- editorInlayHint.typeBackground#FFFFFFCC
- editorInlayHint.typeForeground#000000
- editorLightBulb.foreground#F2C55C
- editorLightBulbAutoFix.foreground#62CC47
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#999999
- editorLinkedEditingBackground#003B0A55
- editorMarkerNavigation.background#000080
- editorMarkerNavigationError.background#FA3232
- editorMarkerNavigationInfo.background#B39500
- editorMarkerNavigationWarning.background#F2C55C
- editorOverviewRuler.addedForeground#009924CC
- editorOverviewRuler.border#B3B3B366
- editorOverviewRuler.deletedForeground#FFA14FCC
- editorOverviewRuler.errorForeground#FA3232CC
- editorOverviewRuler.findMatchForeground#001133CC
- editorOverviewRuler.infoForeground#B39500CC
- editorOverviewRuler.modifiedForeground#1AABFFCC
- editorOverviewRuler.rangeHighlightForeground#006112AA
- editorOverviewRuler.selectionHighlightForeground#00611299
- editorOverviewRuler.warningForeground#F2C55CCC
- editorOverviewRuler.wordHighlightForeground#003B0A99
- editorOverviewRuler.wordHighlightStrongForeground#47174799
- editorRuler.foreground#808080
- editorSuggestWidget.background#000080
- editorSuggestWidget.border#B3B3B3
- editorSuggestWidget.foreground#EBEBEB
- editorSuggestWidget.highlightForeground#ED94FF
- editorSuggestWidget.selectedBackground#3333FF99
- editorSuggestWidget.selectedForeground#EBEBEB
- editorSuggestWidgetStatus.foreground#E0861F
- editorUnicodeHighlight.background#F2C55C33
- editorUnicodeHighlight.border#F2C55C
- editorWarning.border#F2C55C00
- editorWarning.foreground#F2C55C
- editorWhitespace.foreground#FFFFFF
- editorWidget.background#000080
- editorWidget.border#B3B3B3
- editorWidget.foreground#EBEBEB
- editorWidget.resizeBorder#1AEBFF
- errorForeground#FA3232
- focusBorder#1AEBFF
- foreground#EBEBEB
- gitDecoration.addedResourceForeground#62CC47
- gitDecoration.conflictingResourceForeground#FF6666
- gitDecoration.deletedResourceForeground#ED864A
- gitDecoration.ignoredResourceForeground#A9B837
- gitDecoration.modifiedResourceForeground#4FF0FF
- gitDecoration.renamedResourceForeground#4FF0FF
- gitDecoration.stageDeletedResourceForeground#ED864A
- gitDecoration.stageModifiedResourceForeground#4FF0FF
- gitDecoration.submoduleResourceForeground#E0861F
- gitDecoration.untrackedResourceForeground#D1675A
- icon.foreground#FFFFFF
- inlineChat.background#2B2D30
- inlineChat.border#B3B3B3
- inlineChat.foreground#EBEBEB
- inlineChat.shadow#00000066
- inlineChatInput.background#131314
- inlineChatInput.border#666666
- inlineChatInput.focusBorder#1AEBFF
- input.background#000080
- input.border#B3B3B3
- input.foreground#EBEBEB
- input.placeholderForeground#E0861F
- inputOption.activeBackground#1AEBFF33
- inputOption.activeBorder#1AEBFF
- inputOption.activeForeground#EBEBEB
- inputValidation.errorBackground#800002
- inputValidation.errorBorder#FA3232
- inputValidation.errorForeground#EBEBEB
- inputValidation.infoBackground#B3950033
- inputValidation.infoBorder#B39500
- inputValidation.infoForeground#EBEBEB
- inputValidation.warningBackground#804605
- inputValidation.warningBorder#F2C55C
- inputValidation.warningForeground#EBEBEB
- keybindingLabel.background#FFFFFFCC
- keybindingLabel.border#B3B3B3
- keybindingLabel.bottomBorder#B3B3B3
- keybindingLabel.foreground#EBEBEB
- list.activeSelectionBackground#3333FFCC
- list.activeSelectionForeground#EBEBEB
- list.errorForeground#FA3232
- list.focusBackground#3333FF99
- list.focusForeground#EBEBEB
- list.highlightForeground#D2F53C
- list.hoverBackground#EBEBEB1A
- list.hoverForeground#EBEBEB
- list.inactiveSelectionBackground#42424F99
- list.inactiveSelectionForeground#EBEBEB
- list.warningForeground#F2C55C
- listFilterWidget.background#000080
- listFilterWidget.noMatchesOutline#FA3232
- listFilterWidget.outline#1AEBFF
- menu.background#000080
- menu.foreground#EBEBEB
- menu.selectionBackground#EBEBEB1A
- menu.selectionForeground#EBEBEB
- menu.separatorBackground#B3B3B3
- menubar.selectionBackground#EBEBEB1A
- menubar.selectionForeground#EBEBEB
- merge.border#B3B3B3
- merge.commonContentBackground#B395001F
- merge.commonHeaderBackground#B3950066
- merge.currentContentBackground#1AEBFF1F
- merge.currentHeaderBackground#1AEBFF66
- merge.incomingContentBackground#62CC471F
- merge.incomingHeaderBackground#62CC4766
- notificationCenter.border#B3B3B3
- notificationCenterHeader.background#2B2D30
- notificationCenterHeader.foreground#EBEBEB
- notifications.background#000080
- notifications.border#B3B3B3
- notifications.foreground#EBEBEB
- notificationsErrorIcon.foreground#FA3232
- notificationsInfoIcon.foreground#B39500
- notificationsWarningIcon.foreground#F2C55C
- notificationToast.border#B3B3B3
- panel.background#1E1F22
- panel.border#B3B3B3
- panel.foreground#EBEBEB
- panelInput.border#B3B3B3
- panelTitle.activeBorder#1AEBFF
- panelTitle.activeForeground#EBEBEB
- panelTitle.inactiveForeground#E0861F
- peekView.border#1AEBFF
- peekViewEditor.background#131314
- peekViewEditor.matchHighlightBackground#00113366
- peekViewResult.background#1E1F22
- peekViewResult.fileForeground#EBEBEB
- peekViewResult.lineForeground#E0861F
- peekViewResult.matchHighlightBackground#00113366
- peekViewResult.selectionBackground#3333FF99
- peekViewResult.selectionForeground#EBEBEB
- peekViewTitle.background#000080
- peekViewTitleDescription.foreground#E0861F
- peekViewTitleLabel.foreground#EBEBEB
- pickerGroup.border#B3B3B3
- pickerGroup.foreground#E0861F
- problemsErrorIcon.foreground#FA3232
- problemsInfoIcon.foreground#B39500
- problemsWarningIcon.foreground#F2C55C
- progressBar.background#FFFFFF
- quickInput.background#000080
- quickInput.foreground#EBEBEB
- quickInputList.focusBackground#3333FF99
- quickInputList.focusForeground#EBEBEB
- quickInputList.focusIconForeground#EBEBEB
- sash.hoverBorder#1AEBFF
- scrollbar.shadow#00000055
- scrollbarSlider.activeBackground#FFFFFFAA
- scrollbarSlider.background#FFFFFF66
- scrollbarSlider.hoverBackground#FFFFFF88
- selection.background#3333FF80
- settings.checkboxBackground#000080
- settings.checkboxBorder#B3B3B3
- settings.checkboxForeground#EBEBEB
- settings.dropdownBackground#000080
- settings.dropdownBorder#B3B3B3
- settings.dropdownForeground#EBEBEB
- settings.headerForeground#EBEBEB
- settings.modifiedItemIndicator#1AEBFF
- settings.numberInputBackground#000080
- settings.numberInputBorder#B3B3B3
- settings.numberInputForeground#EBEBEB
- settings.rowHoverBackground#EBEBEB1A
- settings.textInputBackground#000080
- settings.textInputBorder#B3B3B3
- settings.textInputForeground#EBEBEB
- sideBar.background#1E1F22
- sideBar.border#B3B3B3
- sideBar.foreground#EBEBEB
- sideBarSectionHeader.background#281A33
- sideBarSectionHeader.border#B3B3B3
- sideBarSectionHeader.foreground#EBEBEB
- sideBarTitle.foreground#EBEBEB
- statusBar.background#2B2D30
- statusBar.border#B3B3B3
- statusBar.debuggingBackground#1AEBFF
- statusBar.debuggingForeground#000000
- statusBar.foreground#EBEBEB
- statusBar.noFolderBackground#2B2D30
- statusBar.noFolderForeground#EBEBEB
- statusBarItem.errorBackground#FA3232
- statusBarItem.errorForeground#000000
- statusBarItem.hoverBackground#EBEBEB1A
- statusBarItem.prominentBackground#1AEBFF55
- statusBarItem.prominentHoverBackground#1AEBFF77
- statusBarItem.remoteBackground#1AEBFF
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#F2C55C
- statusBarItem.warningForeground#000000
- tab.activeBackground#131314
- tab.activeBorder#1AEBFF
- tab.activeBorderTop#000000
- tab.activeForeground#EBEBEB
- tab.border#B3B3B3
- tab.hoverBackground#EBEBEB1A
- tab.hoverForeground#EBEBEB
- tab.inactiveBackground#2B2D30
- tab.inactiveForeground#E0861F
- tab.lastPinnedBorder#B3B3B3
- tab.unfocusedActiveForeground#EBEBEB
- tab.unfocusedInactiveForeground#E0861F
- terminal.ansiBlack#000000
- terminal.ansiBlue#5594FA
- terminal.ansiBrightBlack#4E5157
- terminal.ansiBrightBlue#3399FF
- terminal.ansiBrightCyan#40FFE9
- terminal.ansiBrightGreen#67FF59
- terminal.ansiBrightMagenta#D970FF
- terminal.ansiBrightRed#FF6B7A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFEC1A
- terminal.ansiCyan#47CCBD
- terminal.ansiGreen#6BCC62
- terminal.ansiMagenta#C092FA
- terminal.ansiRed#F27481
- terminal.ansiWhite#CED0D6
- terminal.ansiYellow#E0CE70
- terminal.background#000000
- terminal.findMatchBackground#0011337A
- terminal.findMatchBorder#00AEFFCC
- terminal.findMatchHighlightBackground#00611266
- terminal.findMatchHighlightBorder#00AEFF80
- terminal.foreground#FFFFFF
- terminal.selectionBackground#00628080
- terminalCursor.foreground#FFFFFF
- testing.iconErrored#FA3232
- testing.iconFailed#FA3232
- testing.iconPassed#62CC47
- testing.iconQueued#F2C55C
- testing.iconSkipped#E0861F
- testing.iconUnset#E0861F
- testing.runAction#62CC47
- textBlockQuote.background#393B4066
- textBlockQuote.border#B3B3B3
- textCodeBlock.background#000000
- textLink.activeForeground#D2F53C
- textLink.foreground#D2F53C
- textPreformat.foreground#EBEBEB
- textSeparator.foreground#B3B3B3
- titleBar.activeBackground#2B2D30
- titleBar.activeForeground#EBEBEB
- titleBar.border#B3B3B3
- titleBar.inactiveBackground#2B2D30
- titleBar.inactiveForeground#E0861F
- tree.inactiveIndentGuidesStroke#66666699
- tree.indentGuidesStroke#666666
- welcomePage.background#2B2D30
- welcomePage.progress.background#393B40
- welcomePage.progress.foreground#1AEBFF
- welcomePage.tileBackground#1E1F22
- welcomePage.tileBorder#B3B3B3
- welcomePage.tileHoverBackground#EBEBEB1A
- window.activeBorder#B3B3B3
- window.inactiveBorder#B3B3B3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7EC3E6 | — |
| comment.block, comment.line | #7EC3E6 | — |
| comment.block.documentation, comment.line.documentation, comment.block.documentation.go, comment.line.double-slash.documentation | #499936 | italic |
| keyword, storage, storage.type, storage.modifier | #ED864A | — |
| keyword.operator, keyword.operator.expression, storage.type.function | #ED864A | — |
| string, constant.other.symbol, punctuation.definition.string | #54B33E | — |
| constant.character.escape | #ED864A | — |
| invalid.illegal.invalid-string-escape | #6A8759 | — |
| constant.numeric, constant.language.boolean, constant.language.nil, constant.language.null | #33CCFF | bold |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.type, support.class | #FFFFFF | — |
| entity.name.type.parameter, variable.other.type.parameter | #37CCCC | bold |
| entity.name.function, meta.function-call entity.name.function | #FFCF40 | — |
| support.function, variable.function | #57AAF7 | — |
| entity.name.function.static | #FFC66D | italic |
| constant.other, variable.other.constant, variable.other.enummember, support.constant, meta.object-literal.key | #ED94FF | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #ED94FF | — |
| variable.other.property.static, support.variable.property.static | #ED94FF | italic |
| variable.parameter | #EBEBEB | — |
| variable.other, source.go variable.other, source.swift variable.other | #FFFFFF | — |
| meta.annotation, storage.type.annotation, entity.name.type.annotation, punctuation.definition.annotation | #A9B837 | — |
| string.regexp, constant.regexp, source.regexp | #42C3D4 | — |
| keyword.operator.regexp, constant.other.character-class.regexp | #E8BF6A | bold |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, punctuation.definition.tag | #ED864A | — |
| entity.name.tag.custom, support.class.component, support.class.component.jsx, support.class.component.tsx | #2FBAA3 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #0000FF | bold |
| constant.character.entity, constant.character.entity.xml, constant.character.entity.html | #00AAFF | bold |
| support.type.property-name.css | #ED94FF | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #00AAFF | bold |
| keyword.other.important.css | #CC7832 | bold |
| variable.css, variable.scss, variable.sass, variable.less | #00AAFF | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #FFCF40 | — |
| markup.bold | #EBEBEB | bold |
| markup.italic | #EBEBEB | italic |
| markup.heading | #ED864A | bold |
| markup.quote | #7EC3E6 | italic |
| markup.inline.raw, markup.fenced_code.block | #FFFFFF | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string | #ED94FF | — |
| entity.name.section.properties, support.type.property-name.properties | #CC7832 | underline |
| keyword.control.directive.velocity, keyword.control.directive | #E8BF6A | bold |
| entity.name.label, constant.other.label | #A9B837 | bold underline |
| invalid, invalid.illegal | #FA3232 | — |
| invalid.deprecated, markup.strikethrough | #E0861F | strikethrough |