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#3574F026
- activityBar.activeBorder#3574F0
- activityBar.background#F7F8FA
- activityBar.border#C9CCD6
- activityBar.foreground#080808
- activityBar.inactiveForeground#818594
- activityBarBadge.background#3574F0
- activityBarBadge.foreground#FFFFFF
- badge.background#3574F0
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#080808
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#080808
- breadcrumb.foreground#6C707E
- breadcrumbPicker.background#FFFFFF
- button.background#3574F0
- button.border#3574F0
- button.foreground#FFFFFF
- button.hoverBackground#3574F0DD
- button.secondaryBackground#27282E
- button.secondaryForeground#080808
- button.secondaryHoverBackground#EDF3FF
- charts.blue#3574F0
- charts.foreground#080808
- charts.green#067D17
- charts.lines#EBECF0
- charts.orange#B98500
- charts.purple#871094
- charts.red#F50000
- charts.yellow#B98500
- chat.requestBackground#D4E2FF99
- chat.requestBorder#3574F080
- chat.slashCommandBackground#3574F026
- chat.slashCommandForeground#3574F0
- checkbox.background#FFFFFF
- checkbox.border#C9CCD6
- checkbox.foreground#080808
- debugConsole.errorForeground#F50000
- debugConsole.infoForeground#0D7D9D
- debugConsole.warningForeground#B98500
- debugIcon.breakpointDisabledForeground#818594
- debugIcon.breakpointForeground#F50000
- debugIcon.breakpointUnverifiedForeground#B98500
- debugIcon.continueForeground#067D17
- debugIcon.disconnectForeground#F50000
- debugIcon.pauseForeground#B98500
- debugIcon.restartForeground#067D17
- debugIcon.startForeground#067D17
- debugIcon.stepIntoForeground#CCCCCC
- debugIcon.stepOutForeground#CCCCCC
- debugIcon.stepOverForeground#CCCCCC
- debugIcon.stopForeground#F50000
- debugToolBar.background#FFFFFF
- debugToolBar.border#EBECF0
- debugView.exceptionLabelBackground#F50000
- debugView.exceptionLabelForeground#FFFFFF
- debugView.stateLabelBackground#3574F066
- debugView.stateLabelForeground#080808
- descriptionForeground#818594
- diffEditor.insertedLineBackground#7FC7841F
- diffEditor.insertedTextBackground#7FC78433
- diffEditor.removedLineBackground#F500001F
- diffEditor.removedTextBackground#F5000033
- diffEditorGutter.insertedLineBackground#7FC78433
- diffEditorGutter.removedLineBackground#F5000033
- diffEditorOverview.insertedForeground#7FC784CC
- diffEditorOverview.removedForeground#F50000CC
- disabledForeground#A8ADBD
- dropdown.background#FFFFFF
- dropdown.border#C9CCD6
- dropdown.foreground#080808
- dropdown.listBackground#FFFFFF
- editor.background#FFFFFF
- editor.findMatchBackground#FCD47E66
- editor.findMatchBorder#3574F0CC
- editor.findMatchHighlightBackground#CCCCFF55
- editor.findMatchHighlightBorder#3574F080
- editor.findRangeHighlightBackground#CCCCFF33
- editor.foldBackground#E9F5E688
- editor.foreground#080808
- editor.hoverHighlightBackground#EBECF055
- editor.inactiveSelectionBackground#A6D2FF33
- editor.lineHighlightBackground#F5F8FE80
- editor.lineHighlightBorder#F5F8FE00
- editor.rangeHighlightBackground#CCCCFF33
- editor.selectionBackground#A6D2FF66
- editor.selectionForeground#080808
- editor.selectionHighlightBackground#CCCCFF40
- editor.symbolHighlightBackground#EDEBFC66
- editor.wordHighlightBackground#EDEBFC73
- editor.wordHighlightStrongBackground#FCE8F473
- editorBracketHighlight.foreground1#0033B3
- editorBracketHighlight.foreground2#067D17
- editorBracketHighlight.foreground3#871094
- editorBracketHighlight.foreground4#1750EB
- editorBracketHighlight.foreground5#9E880D
- editorBracketHighlight.foreground6#00627A
- editorBracketHighlight.unexpectedBracket.foreground#F50000
- editorBracketMatch.background#93D9D966
- editorBracketMatch.border#D5D8DF
- editorBracketPairGuide.activeBackground1#AEB3C2
- editorBracketPairGuide.activeBackground2#AEB3C2
- editorBracketPairGuide.activeBackground3#AEB3C2
- editorBracketPairGuide.activeBackground4#AEB3C2
- editorBracketPairGuide.activeBackground5#AEB3C2
- editorBracketPairGuide.activeBackground6#AEB3C2
- editorBracketPairGuide.background1#EBECF0
- editorBracketPairGuide.background2#EBECF0
- editorBracketPairGuide.background3#EBECF0
- editorBracketPairGuide.background4#EBECF0
- editorBracketPairGuide.background5#EBECF0
- editorBracketPairGuide.background6#EBECF0
- editorCodeLens.foreground#818594
- editorCommentsWidget.rangeActiveBackground#3574F033
- editorCommentsWidget.rangeBackground#3574F01F
- editorCommentsWidget.resolvedBorder#AEB3C2
- editorCommentsWidget.unresolvedBorder#3574F0
- editorCursor.foreground#000000
- editorError.border#F5000000
- editorError.foreground#F50000
- editorGroup.border#EBECF0
- editorGroup.dropBackground#3574F033
- editorGroupHeader.noTabsBackground#F7F8FA
- editorGroupHeader.tabsBackground#FFFFFF
- editorGroupHeader.tabsBorder#EBECF0
- editorGutter.addedBackground#7FC784
- editorGutter.background#FFFFFF
- editorGutter.commentRangeForeground#6C707E
- editorGutter.deletedBackground#767A8A
- editorGutter.foldingControlForeground#818594
- editorGutter.modifiedBackground#88ADF7
- editorHint.border#CCCCCC00
- editorHint.foreground#CCCCCC
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#C9CCD6
- editorHoverWidget.foreground#000000
- editorIndentGuide.activeBackground1#AEB3C2
- editorIndentGuide.background1#EBECF0
- editorInfo.border#CCCCCC00
- editorInfo.foreground#CCCCCC
- editorInlayHint.background#EDEDEDCC
- editorInlayHint.foreground#7A7A7A
- editorInlayHint.parameterBackground#EDEDEDCC
- editorInlayHint.parameterForeground#7A7A7A
- editorInlayHint.typeBackground#EDEDEDCC
- editorInlayHint.typeForeground#7A7A7A
- editorLightBulb.foreground#B98500
- editorLightBulbAutoFix.foreground#067D17
- editorLineNumber.activeForeground#767A8A
- editorLineNumber.foreground#AEB3C2
- editorLinkedEditingBackground#EDEBFC55
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#F50000
- editorMarkerNavigationInfo.background#CCCCCC
- editorMarkerNavigationWarning.background#B98500
- editorOverviewRuler.addedForeground#7FC784CC
- editorOverviewRuler.border#EBECF066
- editorOverviewRuler.deletedForeground#767A8ACC
- editorOverviewRuler.errorForeground#F50000CC
- editorOverviewRuler.findMatchForeground#FCD47ECC
- editorOverviewRuler.infoForeground#CCCCCCCC
- editorOverviewRuler.modifiedForeground#88ADF7CC
- editorOverviewRuler.rangeHighlightForeground#CCCCFFAA
- editorOverviewRuler.selectionHighlightForeground#CCCCFF99
- editorOverviewRuler.warningForeground#B98500CC
- editorOverviewRuler.wordHighlightForeground#EDEBFC99
- editorOverviewRuler.wordHighlightStrongForeground#FCE8F499
- editorRuler.foreground#EBECF0
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#EBECF0
- editorSuggestWidget.foreground#080808
- editorSuggestWidget.highlightForeground#3574F0
- editorSuggestWidget.selectedBackground#D4E2FF99
- editorSuggestWidget.selectedForeground#080808
- editorSuggestWidgetStatus.foreground#818594
- editorUnicodeHighlight.background#B9850033
- editorUnicodeHighlight.border#B98500
- editorWarning.border#B9850000
- editorWarning.foreground#B98500
- editorWhitespace.foreground#ADADAD
- editorWidget.background#FFFFFF
- editorWidget.border#EBECF0
- editorWidget.foreground#080808
- editorWidget.resizeBorder#3574F0
- errorForeground#F50000
- focusBorder#3574F0
- foreground#080808
- gitDecoration.addedResourceForeground#0A7700
- gitDecoration.conflictingResourceForeground#FF0000
- gitDecoration.deletedResourceForeground#616161
- gitDecoration.ignoredResourceForeground#727238
- gitDecoration.modifiedResourceForeground#0032A0
- gitDecoration.renamedResourceForeground#007C7C
- gitDecoration.stageDeletedResourceForeground#616161
- gitDecoration.stageModifiedResourceForeground#0032A0
- gitDecoration.submoduleResourceForeground#616161
- gitDecoration.untrackedResourceForeground#993300
- icon.foreground#080808
- inlineChat.background#FFFFFF
- inlineChat.border#EBECF0
- inlineChat.foreground#080808
- inlineChat.shadow#00000022
- inlineChatInput.background#FFFFFF
- inlineChatInput.border#DFE1E5
- inlineChatInput.focusBorder#3574F0
- input.background#FFFFFF
- input.border#C9CCD6
- input.foreground#080808
- input.placeholderForeground#818594
- inputOption.activeBackground#3574F033
- inputOption.activeBorder#3574F0
- inputOption.activeForeground#080808
- inputValidation.errorBackground#FFF2F3
- inputValidation.errorBorder#F50000
- inputValidation.errorForeground#080808
- inputValidation.infoBackground#CCCCCC33
- inputValidation.infoBorder#CCCCCC
- inputValidation.infoForeground#080808
- inputValidation.warningBackground#FFF5DB
- inputValidation.warningBorder#B98500
- inputValidation.warningForeground#080808
- keybindingLabel.background#EDEDEDCC
- keybindingLabel.border#EBECF0
- keybindingLabel.bottomBorder#EBECF0
- keybindingLabel.foreground#080808
- list.activeSelectionBackground#D4E2FF99
- list.activeSelectionForeground#080808
- list.errorForeground#F50000
- list.focusBackground#D4E2FF99
- list.focusForeground#080808
- list.highlightForeground#315FBD
- list.hoverBackground#EDF3FF
- list.hoverForeground#080808
- list.inactiveSelectionBackground#DFE1E580
- list.inactiveSelectionForeground#080808
- list.warningForeground#B98500
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#F50000
- listFilterWidget.outline#3574F0
- menu.background#FFFFFF
- menu.foreground#080808
- menu.selectionBackground#383A42
- menu.selectionForeground#EBECF0
- menu.separatorBackground#EBECF0
- menubar.selectionBackground#FFFFFF1A
- menubar.selectionForeground#080808
- merge.border#EBECF0
- merge.commonContentBackground#9E880D1F
- merge.commonHeaderBackground#9E880D66
- merge.currentContentBackground#3574F01F
- merge.currentHeaderBackground#3574F066
- merge.incomingContentBackground#0A77001F
- merge.incomingHeaderBackground#0A770066
- notificationCenter.border#27282E
- notificationCenterHeader.background#F7F8FA
- notificationCenterHeader.foreground#080808
- notifications.background#27282E
- notifications.border#27282E
- notifications.foreground#080808
- notificationsErrorIcon.foreground#F50000
- notificationsInfoIcon.foreground#CCCCCC
- notificationsWarningIcon.foreground#B98500
- notificationToast.border#27282E
- panel.background#F7F8FA
- panel.border#EBECF0
- panel.foreground#080808
- panelInput.border#C9CCD6
- panelTitle.activeBorder#3574F0
- panelTitle.activeForeground#080808
- panelTitle.inactiveForeground#818594
- peekView.border#3574F0
- peekViewEditor.background#FFFFFF
- peekViewEditor.matchHighlightBackground#FCD47E66
- peekViewResult.background#F7F8FA
- peekViewResult.fileForeground#080808
- peekViewResult.lineForeground#818594
- peekViewResult.matchHighlightBackground#FCD47E66
- peekViewResult.selectionBackground#D4E2FF99
- peekViewResult.selectionForeground#080808
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#818594
- peekViewTitleLabel.foreground#080808
- pickerGroup.border#EBECF0
- pickerGroup.foreground#818594
- problemsErrorIcon.foreground#F50000
- problemsInfoIcon.foreground#CCCCCC
- problemsWarningIcon.foreground#B98500
- progressBar.background#3574F0
- quickInput.background#FFFFFF
- quickInput.foreground#080808
- quickInputList.focusBackground#D4E2FF99
- quickInputList.focusForeground#080808
- quickInputList.focusIconForeground#080808
- sash.hoverBorder#3574F0
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#000000AA
- scrollbarSlider.background#00000066
- scrollbarSlider.hoverBackground#00000088
- selection.background#D4E2FF80
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#C9CCD6
- settings.checkboxForeground#080808
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#C9CCD6
- settings.dropdownForeground#080808
- settings.headerForeground#080808
- settings.modifiedItemIndicator#3574F0
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#C9CCD6
- settings.numberInputForeground#080808
- settings.rowHoverBackground#EDF3FF
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#C9CCD6
- settings.textInputForeground#080808
- sideBar.background#F7F8FA
- sideBar.border#EBECF0
- sideBar.foreground#080808
- sideBarSectionHeader.background#F7F8FA
- sideBarSectionHeader.border#EBECF0
- sideBarSectionHeader.foreground#080808
- sideBarTitle.foreground#080808
- statusBar.background#F7F8FA
- statusBar.border#EBECF0
- statusBar.debuggingBackground#3574F0
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#6C707E
- statusBar.noFolderBackground#F7F8FA
- statusBar.noFolderForeground#080808
- statusBarItem.errorBackground#F50000
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#DFE1E5
- statusBarItem.prominentBackground#3574F055
- statusBarItem.prominentHoverBackground#3574F077
- statusBarItem.remoteBackground#3574F0
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#B98500
- statusBarItem.warningForeground#000000
- tab.activeBackground#FFFFFF
- tab.activeBorder#3574F0
- tab.activeBorderTop#3574F0
- tab.activeForeground#080808
- tab.border#EBECF0
- tab.hoverBackground#EDF3FF
- tab.hoverForeground#080808
- tab.inactiveBackground#F7F8FA
- tab.inactiveForeground#6C707E
- tab.lastPinnedBorder#EBECF0
- tab.unfocusedActiveForeground#080808
- tab.unfocusedInactiveForeground#818594
- terminal.ansiBlack#000000
- terminal.ansiBlue#225CD6
- terminal.ansiBrightBlack#6C707E
- terminal.ansiBrightBlue#009DFF
- terminal.ansiBrightCyan#31C4B3
- terminal.ansiBrightGreen#3DCC3D
- terminal.ansiBrightMagenta#D659FF
- terminal.ansiBrightRed#FF5462
- terminal.ansiBrightWhite#D2D4D9
- terminal.ansiBrightYellow#D4BB00
- terminal.ansiCyan#007A80
- terminal.ansiGreen#357D1F
- terminal.ansiMagenta#6E32E5
- terminal.ansiRed#C93645
- terminal.ansiWhite#BEC0C5
- terminal.ansiYellow#B2A400
- terminal.background#FFFFFF
- terminal.findMatchBackground#FCD47E66
- terminal.findMatchBorder#3574F0CC
- terminal.findMatchHighlightBackground#CCCCFF55
- terminal.findMatchHighlightBorder#3574F080
- terminal.foreground#000000
- terminal.selectionBackground#A6D2FF66
- terminalCursor.foreground#000000
- testing.iconErrored#F50000
- testing.iconFailed#F50000
- testing.iconPassed#067D17
- testing.iconQueued#B98500
- testing.iconSkipped#818594
- testing.iconUnset#818594
- testing.runAction#067D17
- textBlockQuote.background#27282E66
- textBlockQuote.border#EBECF0
- textCodeBlock.background#5A5D6B
- textLink.activeForeground#315FBD
- textLink.foreground#315FBD
- textPreformat.foreground#080808
- textSeparator.foreground#EBECF0
- titleBar.activeBackground#F7F8FA
- titleBar.activeForeground#080808
- titleBar.border#EBECF0
- titleBar.inactiveBackground#F7F8FA
- titleBar.inactiveForeground#818594
- tree.inactiveIndentGuidesStroke#EBECF099
- tree.indentGuidesStroke#DFE1E5
- welcomePage.background#F7F8FA
- welcomePage.progress.background#27282E
- welcomePage.progress.foreground#3574F0
- welcomePage.tileBackground#F7F8FA
- welcomePage.tileBorder#EBECF0
- welcomePage.tileHoverBackground#EDF3FF
- window.activeBorder#EBECF0
- window.inactiveBorder#EBECF0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8C8C8C | italic |
| comment.block, comment.line | #8C8C8C | italic |
| comment.block.documentation, comment.line.documentation, comment.block.documentation.go, comment.line.double-slash.documentation | #8C8C8C | italic |
| keyword, storage, storage.type, storage.modifier | #0033B3 | — |
| keyword.operator, keyword.operator.expression, storage.type.function | #0033B3 | — |
| string, constant.other.symbol, punctuation.definition.string | #067D17 | — |
| constant.character.escape | #0037A6 | — |
| invalid.illegal.invalid-string-escape | #067D17 | — |
| constant.numeric, constant.language.boolean, constant.language.nil, constant.language.null | #1750EB | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.type, support.class | #080808 | — |
| entity.name.type.parameter, variable.other.type.parameter | #007E8A | — |
| entity.name.function, meta.function-call entity.name.function | #00627A | — |
| support.function, variable.function | #00627A | — |
| entity.name.function.static | #00627A | italic |
| constant.other, variable.other.constant, variable.other.enummember, support.constant, meta.object-literal.key | #871094 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #871094 | — |
| variable.other.property.static, support.variable.property.static | #871094 | italic |
| variable.parameter | #080808 | — |
| variable.other, source.go variable.other, source.swift variable.other | #000000 | — |
| meta.annotation, storage.type.annotation, entity.name.type.annotation, punctuation.definition.annotation | #9E880D | — |
| string.regexp, constant.regexp, source.regexp | #264EFF | — |
| keyword.operator.regexp, constant.other.character-class.regexp | #264EFF | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, punctuation.definition.tag | #0033B3 | — |
| entity.name.tag.custom, support.class.component, support.class.component.jsx, support.class.component.tsx | #007C7C | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #080808 | — |
| constant.character.entity, constant.character.entity.xml, constant.character.entity.html | #00627A | — |
| support.type.property-name.css | #871094 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #00627A | — |
| keyword.other.important.css | #0033B3 | — |
| variable.css, variable.scss, variable.sass, variable.less | #871094 | — |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #00627A | — |
| markup.bold | #080808 | bold |
| markup.italic | #080808 | italic |
| markup.heading | #0033B3 | bold |
| markup.quote | #8C8C8C | italic |
| markup.inline.raw, markup.fenced_code.block | #000000 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string | #871094 | — |
| entity.name.section.properties, support.type.property-name.properties | #083080 | — |
| keyword.control.directive.velocity, keyword.control.directive | #0033B3 | — |
| entity.name.label, constant.other.label | #9E880D | underline |
| invalid, invalid.illegal | #F50000 | — |
| invalid.deprecated, markup.strikethrough | #818594 | strikethrough |