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#3871E126
- activityBar.activeBorder#3871E1
- activityBar.background#26282C
- activityBar.border#FFFFFF21
- activityBar.foreground#BCBEC4
- activityBar.inactiveForeground#73767C
- activityBarBadge.background#3871E1
- activityBarBadge.foreground#FFFFFF
- badge.background#538AF9
- badge.foreground#212326
- breadcrumb.activeSelectionForeground#BCBEC4
- breadcrumb.background#191A1C
- breadcrumb.focusForeground#BCBEC4
- breadcrumb.foreground#9FA2A8
- breadcrumbPicker.background#26282C
- button.background#3871E1
- button.border#3871E1
- button.foreground#FFFFFF
- button.hoverBackground#3871E1DD
- button.secondaryBackground#191A1C00
- button.secondaryForeground#BCBEC4
- button.secondaryHoverBackground#FFFFFF17
- charts.blue#3871E1
- charts.foreground#BCBEC4
- charts.green#73BD79
- charts.lines#26282C
- charts.orange#F2C55C
- charts.purple#C77DBB
- charts.red#F75464
- charts.yellow#F2C55C
- chat.requestBackground#2A437199
- chat.requestBorder#3871E180
- chat.slashCommandBackground#3871E126
- chat.slashCommandForeground#3871E1
- checkbox.background#191A1C
- checkbox.border#40434A
- checkbox.foreground#BCBEC4
- debugConsole.errorForeground#F75464
- debugConsole.infoForeground#857042
- debugConsole.warningForeground#F2C55C
- debugIcon.breakpointDisabledForeground#73767C
- debugIcon.breakpointForeground#F75464
- debugIcon.breakpointUnverifiedForeground#F2C55C
- debugIcon.continueForeground#73BD79
- debugIcon.disconnectForeground#F75464
- debugIcon.pauseForeground#F2C55C
- debugIcon.restartForeground#73BD79
- debugIcon.startForeground#73BD79
- debugIcon.stepIntoForeground#857042
- debugIcon.stepOutForeground#857042
- debugIcon.stepOverForeground#857042
- debugIcon.stopForeground#F75464
- debugToolBar.background#26282C
- debugToolBar.border#26282C
- debugView.exceptionLabelBackground#F75464
- debugView.exceptionLabelForeground#FFFFFF
- debugView.stateLabelBackground#3871E166
- debugView.stateLabelForeground#BCBEC4
- descriptionForeground#73767C
- diffEditor.insertedLineBackground#5491591F
- diffEditor.insertedTextBackground#54915933
- diffEditor.removedLineBackground#F754641F
- diffEditor.removedTextBackground#F7546433
- diffEditorGutter.insertedLineBackground#54915933
- diffEditorGutter.removedLineBackground#F7546433
- diffEditorOverview.insertedForeground#549159CC
- diffEditorOverview.removedForeground#F75464CC
- disabledForeground#4C4F56
- dropdown.background#26282C
- dropdown.border#40434A
- dropdown.foreground#BCBEC4
- dropdown.listBackground#26282C
- editor.background#191A1C
- editor.findMatchBackground#1149577A
- editor.findMatchBorder#165E70CC
- editor.findMatchHighlightBackground#2D543F66
- editor.findMatchHighlightBorder#165E7080
- editor.findRangeHighlightBackground#2D543F33
- editor.foldBackground#393B4088
- editor.foreground#BCBEC4
- editor.hoverHighlightBackground#393B4055
- editor.inactiveSelectionBackground#2142834D
- editor.lineHighlightBackground#1F202480
- editor.lineHighlightBorder#1F202400
- editor.rangeHighlightBackground#2D543F33
- editor.selectionBackground#21428380
- editor.selectionForeground#BCBEC4
- editor.selectionHighlightBackground#2D543F40
- editor.symbolHighlightBackground#373B3966
- editor.wordHighlightBackground#373B3973
- editor.wordHighlightStrongBackground#402F3373
- editorBracketHighlight.foreground1#CF8E6D
- editorBracketHighlight.foreground2#6AAB73
- editorBracketHighlight.foreground3#56A8F5
- editorBracketHighlight.foreground4#C77DBB
- editorBracketHighlight.foreground5#2AACB8
- editorBracketHighlight.foreground6#B3AE60
- editorBracketHighlight.unexpectedBracket.foreground#F75464
- editorBracketMatch.background#43454A66
- editorBracketMatch.border#43454A
- editorBracketPairGuide.activeBackground1#4E5157
- editorBracketPairGuide.activeBackground2#4E5157
- editorBracketPairGuide.activeBackground3#4E5157
- editorBracketPairGuide.activeBackground4#4E5157
- editorBracketPairGuide.activeBackground5#4E5157
- editorBracketPairGuide.activeBackground6#4E5157
- editorBracketPairGuide.background1#323438
- editorBracketPairGuide.background2#323438
- editorBracketPairGuide.background3#323438
- editorBracketPairGuide.background4#323438
- editorBracketPairGuide.background5#323438
- editorBracketPairGuide.background6#323438
- editorCodeLens.foreground#43454A
- editorCommentsWidget.rangeActiveBackground#3871E133
- editorCommentsWidget.rangeBackground#3871E11F
- editorCommentsWidget.resolvedBorder#4E5157
- editorCommentsWidget.unresolvedBorder#3871E1
- editorCursor.foreground#CED0D6
- editorError.border#F7546400
- editorError.foreground#F75464
- editorGroup.border#26282C
- editorGroup.dropBackground#3871E133
- editorGroupHeader.noTabsBackground#26282C
- editorGroupHeader.tabsBackground#191A1C
- editorGroupHeader.tabsBorder#26282C
- editorGutter.addedBackground#549159
- editorGutter.background#313335
- editorGutter.commentRangeForeground#73767C
- editorGutter.deletedBackground#868A91
- editorGutter.foldingControlForeground#73767C
- editorGutter.modifiedBackground#375FAD
- editorHint.border#85704200
- editorHint.foreground#857042
- editorHoverWidget.background#26282C
- editorHoverWidget.border#33353B
- editorHoverWidget.foreground#BCBEC4
- editorIndentGuide.activeBackground1#4E5157
- editorIndentGuide.background1#323438
- editorInfo.border#85704200
- editorInfo.foreground#857042
- editorInlayHint.background#393B40CC
- editorInlayHint.foreground#868A91
- editorInlayHint.parameterBackground#393B40CC
- editorInlayHint.parameterForeground#868A91
- editorInlayHint.typeBackground#393B40CC
- editorInlayHint.typeForeground#868A91
- editorLightBulb.foreground#F2C55C
- editorLightBulbAutoFix.foreground#73BD79
- editorLineNumber.activeForeground#A1A3AB
- editorLineNumber.foreground#4B5059
- editorLinkedEditingBackground#373B3955
- editorMarkerNavigation.background#26282C
- editorMarkerNavigationError.background#F75464
- editorMarkerNavigationInfo.background#857042
- editorMarkerNavigationWarning.background#F2C55C
- editorOverviewRuler.addedForeground#549159CC
- editorOverviewRuler.border#26282C66
- editorOverviewRuler.deletedForeground#868A91CC
- editorOverviewRuler.errorForeground#F75464CC
- editorOverviewRuler.findMatchForeground#114957CC
- editorOverviewRuler.infoForeground#857042CC
- editorOverviewRuler.modifiedForeground#375FADCC
- editorOverviewRuler.rangeHighlightForeground#2D543FAA
- editorOverviewRuler.selectionHighlightForeground#2D543F99
- editorOverviewRuler.warningForeground#F2C55CCC
- editorOverviewRuler.wordHighlightForeground#373B3999
- editorOverviewRuler.wordHighlightStrongForeground#402F3399
- editorRuler.foreground#323438
- editorSuggestWidget.background#26282C
- editorSuggestWidget.border#26282C
- editorSuggestWidget.foreground#BCBEC4
- editorSuggestWidget.highlightForeground#538AF9
- editorSuggestWidget.selectedBackground#2A437199
- editorSuggestWidget.selectedForeground#BCBEC4
- editorSuggestWidgetStatus.foreground#73767C
- editorUnicodeHighlight.background#F2C55C33
- editorUnicodeHighlight.border#F2C55C
- editorWarning.border#F2C55C00
- editorWarning.foreground#F2C55C
- editorWhitespace.foreground#6F737A
- editorWidget.background#26282C
- editorWidget.border#26282C
- editorWidget.foreground#BCBEC4
- editorWidget.resizeBorder#3871E1
- errorForeground#F75464
- focusBorder#3871E1
- foreground#BCBEC4
- gitDecoration.addedResourceForeground#629755
- gitDecoration.conflictingResourceForeground#D5756C
- gitDecoration.deletedResourceForeground#6C6C6C
- gitDecoration.ignoredResourceForeground#848504
- gitDecoration.modifiedResourceForeground#6897BB
- gitDecoration.renamedResourceForeground#3A8484
- gitDecoration.stageDeletedResourceForeground#6C6C6C
- gitDecoration.stageModifiedResourceForeground#6897BB
- gitDecoration.submoduleResourceForeground#6C6C6C
- gitDecoration.untrackedResourceForeground#D1675A
- icon.foreground#D1D3D9
- inlineChat.background#26282C
- inlineChat.border#33353B
- inlineChat.foreground#BCBEC4
- inlineChat.shadow#00000055
- inlineChatInput.background#191A1C
- inlineChatInput.border#40434A
- inlineChatInput.focusBorder#3871E1
- input.background#191A1C
- input.border#40434A
- input.foreground#BCBEC4
- input.placeholderForeground#73767C
- inputOption.activeBackground#3871E133
- inputOption.activeBorder#3871E1
- inputOption.activeForeground#BCBEC4
- inputValidation.errorBackground#56272B
- inputValidation.errorBorder#F75464
- inputValidation.errorForeground#BCBEC4
- inputValidation.infoBackground#85704233
- inputValidation.infoBorder#857042
- inputValidation.infoForeground#BCBEC4
- inputValidation.warningBackground#44321D
- inputValidation.warningBorder#F2C55C
- inputValidation.warningForeground#BCBEC4
- keybindingLabel.background#393B40CC
- keybindingLabel.border#26282C
- keybindingLabel.bottomBorder#26282C
- keybindingLabel.foreground#BCBEC4
- list.activeSelectionBackground#2A4371CC
- list.activeSelectionForeground#BCBEC4
- list.errorForeground#F75464
- list.focusBackground#2A437199
- list.focusForeground#BCBEC4
- list.highlightForeground#71A1FE
- list.hoverBackground#FFFFFF17
- list.hoverForeground#BCBEC4
- list.inactiveSelectionBackground#33353B99
- list.inactiveSelectionForeground#BCBEC4
- list.warningForeground#F2C55C
- listFilterWidget.background#26282C
- listFilterWidget.noMatchesOutline#F75464
- listFilterWidget.outline#3871E1
- menu.background#26282C
- menu.foreground#BCBEC4
- menu.selectionBackground#FFFFFF17
- menu.selectionForeground#D1D3D9
- menu.separatorBackground#33353B
- menubar.selectionBackground#FFFFFF17
- menubar.selectionForeground#BCBEC4
- merge.border#33353B
- merge.commonContentBackground#8570421F
- merge.commonHeaderBackground#85704266
- merge.currentContentBackground#3871E11F
- merge.currentHeaderBackground#3871E166
- merge.incomingContentBackground#5491591F
- merge.incomingHeaderBackground#54915966
- notificationCenter.border#33353B
- notificationCenterHeader.background#26282C
- notificationCenterHeader.foreground#BCBEC4
- notifications.background#33353B
- notifications.border#33353B
- notifications.foreground#BCBEC4
- notificationsErrorIcon.foreground#F75464
- notificationsInfoIcon.foreground#857042
- notificationsWarningIcon.foreground#F2C55C
- notificationToast.border#33353B
- panel.background#191A1C
- panel.border#26282C
- panel.foreground#BCBEC4
- panelInput.border#40434A
- panelTitle.activeBorder#3871E1
- panelTitle.activeForeground#BCBEC4
- panelTitle.inactiveForeground#73767C
- peekView.border#3871E1
- peekViewEditor.background#191A1C
- peekViewEditor.matchHighlightBackground#11495766
- peekViewResult.background#191A1C
- peekViewResult.fileForeground#BCBEC4
- peekViewResult.lineForeground#73767C
- peekViewResult.matchHighlightBackground#11495766
- peekViewResult.selectionBackground#2A437199
- peekViewResult.selectionForeground#BCBEC4
- peekViewTitle.background#26282C
- peekViewTitleDescription.foreground#73767C
- peekViewTitleLabel.foreground#BCBEC4
- pickerGroup.border#26282C
- pickerGroup.foreground#73767C
- problemsErrorIcon.foreground#F75464
- problemsInfoIcon.foreground#857042
- problemsWarningIcon.foreground#F2C55C
- progressBar.background#3871E1
- quickInput.background#26282C
- quickInput.foreground#BCBEC4
- quickInputList.focusBackground#2A437199
- quickInputList.focusForeground#BCBEC4
- quickInputList.focusIconForeground#BCBEC4
- sash.hoverBorder#3871E1
- scrollbar.shadow#00000055
- scrollbarSlider.activeBackground#FFFFFFAA
- scrollbarSlider.background#FFFFFF66
- scrollbarSlider.hoverBackground#FFFFFF88
- selection.background#2A437180
- settings.checkboxBackground#191A1C
- settings.checkboxBorder#40434A
- settings.checkboxForeground#BCBEC4
- settings.dropdownBackground#191A1C
- settings.dropdownBorder#40434A
- settings.dropdownForeground#BCBEC4
- settings.headerForeground#BCBEC4
- settings.modifiedItemIndicator#3871E1
- settings.numberInputBackground#191A1C
- settings.numberInputBorder#40434A
- settings.numberInputForeground#BCBEC4
- settings.rowHoverBackground#FFFFFF17
- settings.textInputBackground#191A1C
- settings.textInputBorder#40434A
- settings.textInputForeground#BCBEC4
- sideBar.background#191A1C
- sideBar.border#26282C
- sideBar.foreground#BCBEC4
- sideBarSectionHeader.background#191A1C
- sideBarSectionHeader.border#26282C
- sideBarSectionHeader.foreground#BCBEC4
- sideBarTitle.foreground#BCBEC4
- statusBar.background#26282C
- statusBar.border#26282C
- statusBar.debuggingBackground#3871E1
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#9FA2A8
- statusBar.noFolderBackground#26282C
- statusBar.noFolderForeground#BCBEC4
- statusBarItem.errorBackground#F75464
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#FFFFFF17
- statusBarItem.prominentBackground#3871E155
- statusBarItem.prominentHoverBackground#3871E177
- statusBarItem.remoteBackground#3871E1
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#F2C55C
- statusBarItem.warningForeground#000000
- tab.activeBackground#191A1C
- tab.activeBorder#3871E1
- tab.activeBorderTop#233558
- tab.activeForeground#D1D3D9
- tab.border#26282C
- tab.hoverBackground#FFFFFF17
- tab.hoverForeground#BCBEC4
- tab.inactiveBackground#131314
- tab.inactiveForeground#9FA2A8
- tab.lastPinnedBorder#26282C
- tab.unfocusedActiveForeground#BCBEC4
- tab.unfocusedInactiveForeground#73767C
- 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#191A1C
- terminal.findMatchBackground#1149577A
- terminal.findMatchBorder#165E70CC
- terminal.findMatchHighlightBackground#2D543F66
- terminal.findMatchHighlightBorder#165E7080
- terminal.foreground#BCBEC4
- terminal.selectionBackground#21428380
- terminalCursor.foreground#CED0D6
- testing.iconErrored#F75464
- testing.iconFailed#F75464
- testing.iconPassed#73BD79
- testing.iconQueued#F2C55C
- testing.iconSkipped#73767C
- testing.iconUnset#73767C
- testing.runAction#73BD79
- textBlockQuote.background#26282C66
- textBlockQuote.border#26282C
- textCodeBlock.background#191A1C
- textLink.activeForeground#71A1FE
- textLink.foreground#71A1FE
- textPreformat.foreground#BCBEC4
- textSeparator.foreground#26282C
- titleBar.activeBackground#26282C
- titleBar.activeForeground#BCBEC4
- titleBar.border#26282C
- titleBar.inactiveBackground#26282C
- titleBar.inactiveForeground#73767C
- tree.inactiveIndentGuidesStroke#32343899
- tree.indentGuidesStroke#33353B
- welcomePage.background#26282C
- welcomePage.progress.background#26282C
- welcomePage.progress.foreground#3871E1
- welcomePage.tileBackground#191A1C
- welcomePage.tileBorder#26282C
- welcomePage.tileHoverBackground#FFFFFF17
- window.activeBorder#26282C
- window.inactiveBorder#26282C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A7E85 | — |
| comment.block, comment.line | #7A7E85 | — |
| comment.block.documentation, comment.line.documentation, comment.block.documentation.go, comment.line.double-slash.documentation | #5F826B | italic |
| keyword, storage, storage.type, storage.modifier | #CF8E6D | — |
| keyword.operator, keyword.operator.expression, storage.type.function | #CF8E6D | — |
| string, constant.other.symbol, punctuation.definition.string | #6AAB73 | — |
| constant.character.escape | #CF8E6D | — |
| invalid.illegal.invalid-string-escape | #CF8E6D | — |
| constant.numeric, constant.language.boolean, constant.language.nil, constant.language.null | #2AACB8 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.type, support.class | #BCBEC4 | — |
| entity.name.type.parameter, variable.other.type.parameter | #16BAAC | — |
| entity.name.function, meta.function-call entity.name.function | #56A8F5 | — |
| support.function, variable.function | #57AAF7 | — |
| entity.name.function.static | #57AAF7 | italic |
| constant.other, variable.other.constant, variable.other.enummember, support.constant, meta.object-literal.key | #C77DBB | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #C77DBB | — |
| variable.other.property.static, support.variable.property.static | #C77DBB | italic |
| variable.parameter | #BCBEC4 | — |
| variable.other, source.go variable.other, source.swift variable.other | #BCBEC4 | — |
| meta.annotation, storage.type.annotation, entity.name.type.annotation, punctuation.definition.annotation | #B3AE60 | — |
| string.regexp, constant.regexp, source.regexp | #42C3D4 | — |
| keyword.operator.regexp, constant.other.character-class.regexp | #B2AE60 | bold |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, punctuation.definition.tag | #D5B778 | — |
| 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 | #BCBEC4 | — |
| constant.character.entity, constant.character.entity.xml, constant.character.entity.html | #56A8F5 | — |
| support.type.property-name.css | #C77DBB | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #56A8F5 | — |
| keyword.other.important.css | #CF8E6D | bold |
| variable.css, variable.scss, variable.sass, variable.less | #6D9CBE | — |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #56A8F5 | underline |
| markup.bold | #BCBEC4 | bold |
| markup.italic | #BCBEC4 | italic |
| markup.heading | #CF8E6D | bold |
| markup.quote | #7A7E85 | italic |
| markup.inline.raw, markup.fenced_code.block | #CED0D6 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string | #C77DBB | — |
| entity.name.section.properties, support.type.property-name.properties | #CF8E6D | underline |
| keyword.control.directive.velocity, keyword.control.directive | #E8BF6A | bold |
| entity.name.label, constant.other.label | #B3AE60 | bold underline |
| invalid, invalid.illegal | #F75464 | — |
| invalid.deprecated, markup.strikethrough | #73767C | strikethrough |