Harmonia Theme
Publisher: AgusRdzThemes in package: 9
A subtle, carefully crafted theme to reduce visual noise while coding.
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.
- actionBar.toggledBackground#dad3e8
- activityBar.activeBackground#00000000
- activityBar.activeBorder#466bb3
- activityBar.activeFocusBorder#466bb3
- activityBar.background#eceef1
- activityBar.border#00000000
- activityBar.dropBorder#466bb3
- activityBar.foreground#3a3a3a
- activityBar.inactiveForeground#61666f
- activityBarBadge.background#466bb3
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBackground#00000000
- activityBarTop.activeBorder#466bb3
- activityBarTop.background#eceef1
- activityBarTop.dropBorder#466bb3
- activityBarTop.foreground#3a3a3a
- activityBarTop.inactiveForeground#61666f
- activityErrorBadge.background#c8323b
- activityErrorBadge.foreground#ffffff
- activityWarningBadge.background#9d5d00
- activityWarningBadge.foreground#ffffff
- agentSessionReadIndicator.foreground#81899a
- agentSessionSelectedBadge.border#466bb3
- agentSessionSelectedUnfocusedBadge.border#d0d3d6
- agentStatusIndicator.background#E2E4E7
- aiCustomizationManagement.sashBorder#d0d3d6
- badge.background#a150ca
- badge.foreground#ffffff
- banner.background#E2E4E7
- banner.foreground#222435
- banner.iconForeground#466bb3
- breadcrumb.activeSelectionForeground#5366ba
- breadcrumb.background#eceef1
- breadcrumb.focusForeground#5366ba
- breadcrumb.foreground#61666f
- breadcrumbPicker.background#F4F6F9
- button.background#C9A7EA
- button.border#00000000
- button.foreground#3a3a3a
- button.hoverBackground#B895E1
- button.secondaryBackground#E2E4E7
- button.secondaryBorder#d0d3d6
- button.secondaryForeground#1C2033
- button.secondaryHoverBackground#d0d3d6
- button.separator#00000040
- chart.axis#d0d3d6
- chart.guide#cecece
- chart.line#466bb3
- charts.blue#466bb3
- charts.foreground#2d2d2d
- charts.green#2e785e
- charts.lines#d0d3d6
- charts.orange#8e642c
- charts.purple#9b43c6
- charts.red#c8323b
- charts.yellow#8e642c
- chat.avatarBackground#E2E4E7
- chat.avatarForeground#1C2033
- chat.checkpointSeparator#d0d3d6
- chat.editedFileForeground#9d5d00
- chat.linesAddedForeground#326539
- chat.linesRemovedForeground#c8323b
- chat.requestBackground#F4F6F9
- chat.requestBorder#d0d3d6
- chat.requestBubbleBackground#E2E4E7
- chat.requestBubbleHoverBackground#e8e3f2
- chat.requestCodeBorder#d0d3d6
- chat.slashCommandBackground#466bb3
- chat.slashCommandForeground#ffffff
- chat.thinkingShimmer#466bb3
- chatManagement.sashBorder#d0d3d6
- checkbox.background#FAFBFF
- checkbox.border#D5DBE9
- checkbox.disabled.background#E2E4E7
- checkbox.disabled.foreground#81899a
- checkbox.foreground#222435
- commandCenter.activeBackground#F4F6F9
- commandCenter.activeBorder#d0d3d6
- commandCenter.activeForeground#1C2033
- commandCenter.background#E2E4E7
- commandCenter.border#00000000
- commandCenter.debuggingBackground#E2E4E7
- commandCenter.foreground#61666f
- commandCenter.inactiveBorder#00000000
- commandCenter.inactiveForeground#81899a
- commentsView.resolvedIcon#81899a
- commentsView.unresolvedIcon#9d5d00
- debugConsole.errorForeground#c8323b
- debugConsole.infoForeground#34719f
- debugConsole.sourceForeground#466bb3
- debugConsole.warningForeground#9d5d00
- debugConsoleInputIcon.foreground#466bb3
- debugExceptionWidget.background#E2E4E7
- debugExceptionWidget.border#c8323b
- debugIcon.breakpointCurrentStackframeForeground#9d5d00
- debugIcon.breakpointDisabledForeground#81899a
- debugIcon.breakpointForeground#c8323b
- debugIcon.breakpointStackframeForeground#61666f
- debugIcon.breakpointUnverifiedForeground#9d5d00
- debugIcon.continueForeground#326539
- debugIcon.disconnectForeground#c8323b
- debugIcon.pauseForeground#9d5d00
- debugIcon.restartForeground#466bb3
- debugIcon.startForeground#326539
- debugIcon.stepBackForeground#307675
- debugIcon.stepIntoForeground#466bb3
- debugIcon.stepOutForeground#466bb3
- debugIcon.stepOverForeground#466bb3
- debugIcon.stopForeground#c8323b
- debugTokenExpression.boolean#9d5d00
- debugTokenExpression.error#c8323b
- debugTokenExpression.name#466bb3
- debugTokenExpression.number#9d5d00
- debugTokenExpression.string#2e785e
- debugTokenExpression.type#5366ba
- debugTokenExpression.value#2d2d2d
- debugToolBar.background#E2E4E7
- debugToolBar.border#d0d3d6
- debugView.exceptionLabelBackground#c8323b80
- debugView.exceptionLabelForeground#3a3a3a
- debugView.stateLabelBackground#466bb3
- debugView.stateLabelForeground#ffffff
- debugView.valueChangedHighlight#9d5d0080
- descriptionForeground#61666f
- diffEditor.border#B4B8C2
- diffEditor.diagonalFill#00000010
- diffEditor.insertedLineBackground#3265391F
- diffEditor.insertedTextBackground#32653920
- diffEditor.insertedTextBorder#00000000
- diffEditor.move.border#466bb380
- diffEditor.moveActive.border#466bb3
- diffEditor.removedLineBackground#c8323b1F
- diffEditor.removedTextBackground#c8323b20
- diffEditor.removedTextBorder#00000000
- diffEditor.unchangedCodeBackground#00000000
- diffEditor.unchangedRegionBackground#E2E4E7
- diffEditor.unchangedRegionForeground#61666f
- diffEditor.unchangedRegionShadow#00000000
- diffEditorGutter.insertedLineBackground#32653922
- diffEditorGutter.removedLineBackground#c8323b22
- diffEditorOverview.insertedForeground#32653940
- diffEditorOverview.removedForeground#c8323b40
- disabledForeground#81899a
- dropdown.background#FAFBFF
- dropdown.border#D5DBE9
- dropdown.foreground#222435
- dropdown.listBackground#FAFBFF
- editor.background#eceef1
- editor.compositionBorder#466bb3
- editor.findMatchBackground#466bb366
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#466bb340
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#e3e8f080
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#00000000
- editor.foldBackground#00000000
- editor.foldPlaceholderForeground#81899a
- editor.foreground#2d2d2d
- editor.hoverHighlightBackground#466bb31A
- editor.inactiveLineHighlightBackground#00000002
- editor.inactiveSelectionBackground#e3e8f0AA
- editor.inlineValuesBackground#D5DBE9
- editor.inlineValuesForeground#5E6670
- editor.lineHighlightBackground#00000005
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#466bb322
- editor.placeholder.foreground#6E7681
- editor.rangeHighlightBackground#E2E4E766
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#D5DBE6
- editor.selectionHighlightBackground#D5DBE670
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#466bb330
- editor.snippetFinalTabstopHighlightBorder#00000000
- editor.snippetTabstopHighlightBackground#466bb320
- editor.snippetTabstopHighlightBorder#00000000
- editor.stackFrameHighlightBackground#9d5d0020
- editor.symbolHighlightBackground#466bb326
- editor.symbolHighlightBorder#00000000
- editor.wordHighlightBackground#466bb31F
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#466bb333
- editor.wordHighlightStrongBorder#00000000
- editor.wordHighlightTextBackground#466bb31A
- editor.wordHighlightTextBorder#00000000
- editorActionList.background#F4F6F9
- editorActionList.focusBackground#dad3e8
- editorActionList.focusForeground#1F2435
- editorActionList.foreground#2d2d2d
- editorBracketHighlight.foreground1#466bb3
- editorBracketHighlight.foreground2#9b43c6
- editorBracketHighlight.foreground3#307675
- editorBracketHighlight.foreground4#3c7944
- editorBracketHighlight.foreground5#8e642c
- editorBracketHighlight.foreground6#466bb3
- editorBracketHighlight.unexpectedBracket.foreground#c8323b
- editorBracketMatch.background#D5DBE6
- editorBracketMatch.border#B4B8C2
- editorBracketPairGuide.activeBackground1#B4B8C2
- editorBracketPairGuide.activeBackground2#B4B8C2
- editorBracketPairGuide.activeBackground3#B4B8C2
- editorBracketPairGuide.activeBackground4#B4B8C2
- editorBracketPairGuide.activeBackground5#B4B8C2
- editorBracketPairGuide.activeBackground6#B4B8C2
- editorBracketPairGuide.background1#cecece
- editorBracketPairGuide.background2#cecece
- editorBracketPairGuide.background3#cecece
- editorBracketPairGuide.background4#cecece
- editorBracketPairGuide.background5#cecece
- editorBracketPairGuide.background6#cecece
- editorCodeLens.foreground#81899a
- editorCommentsWidget.rangeActiveBackground#34719f20
- editorCommentsWidget.rangeBackground#34719f14
- editorCommentsWidget.replyInputBackground#E2E4E7
- editorCommentsWidget.resolvedBorder#81899a
- editorCommentsWidget.unresolvedBorder#9d5d00
- editorCursor.background#eceef1
- editorCursor.foreground#2d2d2d
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#c8323b
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#656c7c
- editorGroup.border#d0d3d6
- editorGroup.dropBackground#e3e8f0
- editorGroup.dropIntoPromptBackground#F4F6F9
- editorGroup.dropIntoPromptBorder#d0d3d6
- editorGroup.dropIntoPromptForeground#2d2d2d
- editorGroup.emptyBackground#eceef1
- editorGroup.focusedEmptyBorder#00000000
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#E2E4E7
- editorGroupHeader.tabsBackground#E2E4E7
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#326539
- editorGutter.addedSecondaryBackground#32653980
- editorGutter.background#eceef1
- editorGutter.commentDraftGlyphForeground#81899a
- editorGutter.commentGlyphForeground#61666f
- editorGutter.commentRangeForeground#367580
- editorGutter.commentUnresolvedGlyphForeground#9d5d00
- editorGutter.deletedBackground#c8323b
- editorGutter.deletedSecondaryBackground#c8323b80
- editorGutter.foldingControlForeground#61666f
- editorGutter.itemBackground#E2E4E7
- editorGutter.itemGlyphForeground#2d2d2d
- editorGutter.modifiedBackground#34719f
- editorGutter.modifiedSecondaryBackground#34719f80
- editorHint.border#00000000
- editorHint.foreground#81899a
- editorHoverWidget.background#F4F6F9
- editorHoverWidget.border#d0d3d6
- editorHoverWidget.foreground#2d2d2d
- editorHoverWidget.highlightForeground#406caf
- editorHoverWidget.statusBarBackground#E2E4E7
- editorIndentGuide.activeBackground1#B4B8C2
- editorIndentGuide.activeBackground2#B4B8C2
- editorIndentGuide.activeBackground3#B4B8C2
- editorIndentGuide.activeBackground4#B4B8C2
- editorIndentGuide.activeBackground5#B4B8C2
- editorIndentGuide.activeBackground6#B4B8C2
- editorIndentGuide.background1#cecece
- editorIndentGuide.background2#cecece
- editorIndentGuide.background3#cecece
- editorIndentGuide.background4#cecece
- editorIndentGuide.background5#cecece
- editorIndentGuide.background6#cecece
- editorInfo.background#00000000
- editorInfo.border#00000000
- editorInfo.foreground#34719f
- editorInlayHint.background#D5DBE9
- editorInlayHint.foreground#5E6670
- editorInlayHint.parameterBackground#D5DBE9
- editorInlayHint.parameterForeground#367580
- editorInlayHint.typeBackground#D5DBE9
- editorInlayHint.typeForeground#5366ba
- editorLightBulb.foreground#9d5d00
- editorLightBulbAi.foreground#466bb3
- editorLightBulbAutoFix.foreground#34719f
- editorLineNumber.activeForeground#5266bb
- editorLineNumber.dimmedForeground#81899a
- editorLineNumber.foreground#7a7f89
- editorLink.activeForeground#406caf
- editorMarkerNavigation.background#F4F6F9
- editorMarkerNavigationError.background#c8323b
- editorMarkerNavigationError.headerBackground#c8323b20
- editorMarkerNavigationInfo.background#34719f
- editorMarkerNavigationInfo.headerBackground#34719f20
- editorMarkerNavigationWarning.background#9d5d00
- editorMarkerNavigationWarning.headerBackground#9d5d0020
- editorMinimap.inlineChatInserted#32653940
- editorMultiCursor.primary.background#eceef1
- editorMultiCursor.primary.foreground#2d2d2d
- editorMultiCursor.secondary.background#eceef1
- editorMultiCursor.secondary.foreground#61666f
- editorOverviewRuler.addedForeground#32653940
- editorOverviewRuler.background#eceef1
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#B4B8C2
- editorOverviewRuler.commentDraftForeground#81899a80
- editorOverviewRuler.commentForeground#61666f80
- editorOverviewRuler.commentUnresolvedForeground#9d5d0060
- editorOverviewRuler.commonContentForeground#81899a40
- editorOverviewRuler.currentContentForeground#32653940
- editorOverviewRuler.deletedForeground#c8323b40
- editorOverviewRuler.errorForeground#c8323b60
- editorOverviewRuler.findMatchForeground#466bb340
- editorOverviewRuler.incomingContentForeground#34719f40
- editorOverviewRuler.infoForeground#34719f40
- editorOverviewRuler.inlineChatInserted#32653940
- editorOverviewRuler.inlineChatRemoved#c8323b40
- editorOverviewRuler.modifiedForeground#34719f40
- editorOverviewRuler.rangeHighlightForeground#466bb340
- editorOverviewRuler.selectionHighlightForeground#D5DBE680
- editorOverviewRuler.warningForeground#9d5d0050
- editorOverviewRuler.wordHighlightForeground#466bb330
- editorOverviewRuler.wordHighlightStrongForeground#466bb340
- editorOverviewRuler.wordHighlightTextForeground#466bb330
- editorPane.background#eceef1
- editorRuler.foreground#cecece
- editorStickyScroll.background#eceef1
- editorStickyScroll.border#d0d3d6
- editorStickyScroll.shadow#00000000
- editorStickyScrollGutter.background#eceef1
- editorStickyScrollHover.background#e8e3f2
- editorSuggestWidget.background#F4F6F9
- editorSuggestWidget.border#d0d3d6
- editorSuggestWidget.focusHighlightForeground#406caf
- editorSuggestWidget.foreground#3B3F48
- editorSuggestWidget.highlightForeground#1C2033
- editorSuggestWidget.selectedBackground#d0d3d6
- editorSuggestWidget.selectedForeground#1C2033
- editorSuggestWidget.selectedIconForeground#1C2033
- editorSuggestWidgetStatus.foreground#61666f
- editorUnicodeHighlight.background#9d5d0014
- editorUnicodeHighlight.border#9d5d0080
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#9d5d00
- editorWhitespace.foreground#cecece
- editorWidget.background#F4F6F9
- editorWidget.border#d0d3d6
- editorWidget.foreground#2d2d2d
- editorWidget.resizeBorder#B4B8C2
- extensionBadge.remoteBackground#a150ca
- extensionBadge.remoteForeground#ffffff
- extensionIcon.preReleaseForeground#466bb3
- extensionIcon.privateForeground#61666f
- extensionIcon.sponsorForeground#466bb3
- extensionIcon.starForeground#9d5d00
- extensionIcon.verifiedForeground#34719f
- focusBorder#00000000
- foreground#222435
- gauge.background#466bb326
- gauge.border#00000000
- gauge.errorBackground#c8323b26
- gauge.errorForeground#c8323b
- gauge.foreground#466bb3
- gauge.warningBackground#9d5d0026
- gauge.warningForeground#9d5d00
- git.blame.editorDecorationForeground#81899a
- gitDecoration.addedResourceForeground#326539
- gitDecoration.conflictingResourceForeground#9d5d00
- gitDecoration.deletedResourceForeground#c8323b
- gitDecoration.ignoredResourceForeground#81899a
- gitDecoration.modifiedResourceForeground#466bb3
- gitDecoration.renamedResourceForeground#34719f
- gitDecoration.stageDeletedResourceForeground#c8323b
- gitDecoration.stageModifiedResourceForeground#466bb3
- gitDecoration.submoduleResourceForeground#367580
- gitDecoration.untrackedResourceForeground#326539
- icon.foreground#2d2d2d
- inlineChat.background#F4F6F9
- inlineChat.border#d0d3d6
- inlineChat.foreground#2d2d2d
- inlineChat.shadow#00000000
- inlineChatDiff.inserted#32653910
- inlineChatDiff.removed#c8323b10
- inlineChatInput.background#E2E4E7
- inlineChatInput.border#d0d3d6
- inlineChatInput.focusBorder#466bb3
- inlineChatInput.placeholderForeground#6E7681
- inlineEdit.gutterIndicator.background#E2E4E7
- inlineEdit.gutterIndicator.primaryBackground#466bb3
- inlineEdit.gutterIndicator.primaryBorder#00000000
- inlineEdit.gutterIndicator.primaryForeground#ffffff
- inlineEdit.gutterIndicator.secondaryBackground#d0d3d6
- inlineEdit.gutterIndicator.secondaryBorder#00000000
- inlineEdit.gutterIndicator.secondaryForeground#2d2d2d
- inlineEdit.gutterIndicator.successfulBackground#326539
- inlineEdit.gutterIndicator.successfulBorder#00000000
- inlineEdit.gutterIndicator.successfulForeground#ffffff
- inlineEdit.modifiedBackground#32653910
- inlineEdit.modifiedBorder#d0d3d6
- inlineEdit.modifiedChangedLineBackground#32653914
- inlineEdit.modifiedChangedTextBackground#32653920
- inlineEdit.originalBackground#c8323b10
- inlineEdit.originalBorder#d0d3d6
- inlineEdit.originalChangedLineBackground#c8323b14
- inlineEdit.originalChangedTextBackground#c8323b20
- inlineEdit.tabWillAcceptModifiedBorder#466bb3
- inlineEdit.tabWillAcceptOriginalBorder#466bb3
- inlineparameters.annotationBackground#D5DBE9
- inlineparameters.annotationForeground#5E6670
- input.background#eceef1
- input.border#d0d3d6
- input.foreground#1A1A1A
- input.placeholderForeground#6E7681
- inputOption.activeBackground#466bb333
- inputOption.activeBorder#466bb3
- inputOption.activeForeground#1C2033
- inputOption.hoverBackground#e8e3f2
- inputValidation.errorBackground#E2E4E7
- inputValidation.errorBorder#c8323b
- inputValidation.errorForeground#1C2033
- inputValidation.infoBackground#E2E4E7
- inputValidation.infoBorder#34719f
- inputValidation.infoForeground#1C2033
- inputValidation.warningBackground#E2E4E7
- inputValidation.warningBorder#9d5d00
- inputValidation.warningForeground#1C2033
- interactive.activeCodeBorder#466bb3
- interactive.inactiveCodeBorder#d0d3d6
- keybindingLabel.background#E2E4E7
- keybindingLabel.border#d0d3d6
- keybindingLabel.bottomBorder#d0d3d6
- keybindingLabel.foreground#2d2d2d
- keybindingTable.headerBackground#E2E4E7
- keybindingTable.rowsBackground#F4F6F9
- list.activeSelectionBackground#dad3e8
- list.activeSelectionForeground#1F2435
- list.activeSelectionIconForeground#1F2435
- list.deemphasizedForeground#84889d
- list.dropBackground#e3e8f0
- list.dropBetweenBackground#466bb3
- list.errorForeground#c8323b
- list.filterMatchBackground#466bb333
- list.filterMatchBorder#00000000
- list.focusAndSelectionOutline#00000000
- list.focusBackground#dad3e8
- list.focusForeground#1F2435
- list.focusHighlightForeground#406caf
- list.focusOutline#00000000
- list.highlightForeground#406caf
- list.hoverBackground#e8e3f2
- list.hoverForeground#1C2033
- list.inactiveFocusBackground#e3e8f0
- list.inactiveFocusOutline#00000000
- list.inactiveSelectionBackground#e3e8f0
- list.inactiveSelectionForeground#2d2d2d
- list.inactiveSelectionIconForeground#2d2d2d
- list.invalidItemForeground#81899a
- list.warningForeground#9d5d00
- listFilterWidget.background#F4F6F9
- listFilterWidget.noMatchesOutline#c8323b
- listFilterWidget.outline#00000000
- listFilterWidget.shadow#00000000
- markdownAlert.caution.foreground#c8323b
- markdownAlert.important.foreground#466bb3
- markdownAlert.note.foreground#34719f
- markdownAlert.tip.foreground#326539
- markdownAlert.warning.foreground#9d5d00
- mcpIcon.starForeground#9d5d00
- menu.background#F4F6F9
- menu.border#d0d3d6
- menu.foreground#1C2033
- menu.selectionBackground#E2E6F0
- menu.selectionBorder#00000000
- menu.selectionForeground#3a3a3a
- menu.separatorBackground#D9DEE8
- menubar.selectionBackground#E2E6F0
- menubar.selectionBorder#00000000
- menubar.selectionForeground#3a3a3a
- merge.border#00000000
- merge.commonContentBackground#81899a20
- merge.commonHeaderBackground#81899a40
- merge.currentContentBackground#32653920
- merge.currentHeaderBackground#32653940
- merge.incomingContentBackground#34719f20
- merge.incomingHeaderBackground#34719f40
- mergeEditor.change.background#34719f22
- mergeEditor.change.word.background#34719f33
- mergeEditor.changeBase.background#9d5d0020
- mergeEditor.changeBase.word.background#9d5d0033
- mergeEditor.conflict.handled.minimapOverViewRuler#32653980
- mergeEditor.conflict.handledFocused.border#32653980
- mergeEditor.conflict.handledUnfocused.border#32653940
- mergeEditor.conflict.input1.background#34719f20
- mergeEditor.conflict.input2.background#32653920
- mergeEditor.conflict.unhandled.minimapOverViewRuler#9d5d0080
- mergeEditor.conflict.unhandledFocused.border#9d5d00
- mergeEditor.conflict.unhandledUnfocused.border#9d5d0080
- mergeEditor.conflictingLines.background#c8323b20
- minimap.background#eceef1
- minimap.chatEditHighlight#466bb330
- minimap.errorHighlight#c8323b80
- minimap.findMatchHighlight#466bb380
- minimap.foregroundOpacity#000000cc
- minimap.infoHighlight#34719f80
- minimap.selectionHighlight#D5DBE680
- minimap.selectionOccurrenceHighlight#D5DBE680
- minimap.warningHighlight#9d5d0080
- minimapGutter.addedBackground#32653980
- minimapGutter.deletedBackground#c8323b80
- minimapGutter.modifiedBackground#34719f80
- minimapSlider.activeBackground#00000033
- minimapSlider.background#0000000D
- minimapSlider.hoverBackground#00000019
- multiDiffEditor.background#eceef1
- multiDiffEditor.border#d0d3d6
- multiDiffEditor.headerBackground#E2E4E7
- notebook.cellBorderColor#D9DEE8
- notebook.cellEditorBackground#eceef1
- notebook.cellHoverBackground#d0d3d6
- notebook.cellInsertionIndicator#466bb3
- notebook.cellStatusBarItemHoverBackground#e8e3f2
- notebook.cellToolbarSeparator#D9DEE8
- notebook.editorBackground#eceef1
- notebook.focusedCellBackground#E2E4E7
- notebook.focusedCellBorder#466bb3
- notebook.focusedEditorBorder#d0d3d6
- notebook.inactiveFocusedCellBorder#d0d3d6
- notebook.inactiveSelectedCellBorder#d0d3d6
- notebook.outputContainerBackgroundColor#F4F6F9
- notebook.outputContainerBorderColor#d0d3d6
- notebook.selectedCellBackground#e3e8f0
- notebook.selectedCellBorder#d0d3d6
- notebook.symbolHighlightBackground#466bb326
- notebookEditorOverviewRuler.runningCellForeground#34719f
- notebookScrollbarSlider.activeBackground#00000033
- notebookScrollbarSlider.background#0000000D
- notebookScrollbarSlider.hoverBackground#00000019
- notebookStatusErrorIcon.foreground#c8323b
- notebookStatusRunningIcon.foreground#34719f
- notebookStatusSuccessIcon.foreground#326539
- notificationCenter.border#d0d3d6
- notificationCenterHeader.background#E2E4E7
- notificationCenterHeader.foreground#1C2033
- notificationLink.foreground#466bb3
- notifications.background#F4F6F9
- notifications.border#d0d3d6
- notifications.foreground#2d2d2d
- notificationsErrorIcon.foreground#c8323b
- notificationsInfoIcon.foreground#34719f
- notificationsWarningIcon.foreground#9d5d00
- notificationToast.border#d0d3d6
- outputView.background#eceef1
- outputViewStickyScroll.background#eceef1
- panel.background#eceef1
- panel.border#d0d3d6
- panel.dropBorder#466bb3
- panelInput.border#d0d3d6
- panelSection.border#d0d3d6
- panelSection.dropBackground#e3e8f0
- panelSectionHeader.background#eceef1
- panelSectionHeader.border#00000000
- panelSectionHeader.foreground#40485A
- panelStickyScroll.background#eceef1
- panelStickyScroll.border#d0d3d6
- panelStickyScroll.shadow#00000000
- panelTitle.activeBorder#466bb3
- panelTitle.activeForeground#1C2033
- panelTitle.border#00000000
- panelTitle.inactiveForeground#61666f
- panelTitleBadge.background#a150ca
- panelTitleBadge.foreground#ffffff
- peekView.border#B4B8C2
- peekViewEditor.background#eceef1
- peekViewEditor.matchHighlightBackground#466bb340
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#eceef1
- peekViewEditorStickyScroll.background#eceef1
- peekViewEditorStickyScrollGutter.background#eceef1
- peekViewResult.background#E2E4E7
- peekViewResult.fileForeground#1C2033
- peekViewResult.lineForeground#2d2d2d
- peekViewResult.matchHighlightBackground#466bb340
- peekViewResult.selectionBackground#dad3e8
- peekViewResult.selectionForeground#1F2435
- peekViewTitle.background#E2E4E7
- peekViewTitleDescription.foreground#61666f
- peekViewTitleLabel.foreground#1C2033
- pickerGroup.border#D9DEE8
- pickerGroup.foreground#466bb3
- ports.iconRunningProcessForeground#326539
- problemsErrorIcon.foreground#c8323b
- problemsInfoIcon.foreground#34719f
- problemsWarningIcon.foreground#9d5d00
- profileBadge.background#E2E4E7
- profileBadge.foreground#1C2033
- profiles.sashBorder#d0d3d6
- progressBar.background#466bb3
- quickInput.background#eceef1
- quickInput.foreground#1C2033
- quickInputList.focusBackground#E2E6F0
- quickInputList.focusForeground#3a3a3a
- quickInputList.focusIconForeground#34719f
- quickInputTitle.background#EDEFF3
- radio.activeBackground#466bb326
- radio.activeBorder#466bb3
- radio.activeForeground#1C2033
- radio.inactiveBackground#FAFBFF
- radio.inactiveBorder#D5DBE9
- radio.inactiveForeground#2d2d2d
- radio.inactiveHoverBackground#e8e3f2
- sash.hoverBorder#466bb3
- scmGraph.foreground1#9b43c6
- scmGraph.foreground2#8e642c
- scmGraph.foreground3#466bb3
- scmGraph.foreground4#3c7944
- scmGraph.foreground5#9AA1AE
- scmGraph.historyItemBaseRefColor#34719f
- scmGraph.historyItemHoverAdditionsForeground#3c7944
- scmGraph.historyItemHoverDefaultLabelBackground#d0d3d6
- scmGraph.historyItemHoverDefaultLabelForeground#1C2033
- scmGraph.historyItemHoverDeletionsForeground#c8323b
- scmGraph.historyItemHoverLabelForeground#eceef1
- scmGraph.historyItemRefColor#34719f
- scmGraph.historyItemRemoteRefColor#3c7944
- scrollbar.background#00000000
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#00000033
- scrollbarSlider.background#0000000D
- scrollbarSlider.hoverBackground#00000019
- search.resultsInfoForeground#61666f
- searchEditor.findMatchBackground#466bb340
- searchEditor.findMatchBorder#00000000
- searchEditor.textInputBorder#d0d3d6
- selection.background#D5DBE6
- settings.checkboxBackground#FAFBFF
- settings.checkboxBorder#D5DBE9
- settings.checkboxForeground#222435
- settings.dropdownBackground#FAFBFF
- settings.dropdownBorder#D5DBE9
- settings.dropdownForeground#222435
- settings.dropdownListBorder#D5DBE9
- settings.focusedRowBackground#e8e3f2
- settings.focusedRowBorder#00000000
- settings.headerBorder#d0d3d6
- settings.headerForeground#222435
- settings.modifiedItemIndicator#99509d
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#D5DBE9
- settings.numberInputForeground#222435
- settings.rowHoverBackground#e8e3f2
- settings.sashBorder#d0d3d6
- settings.settingsHeaderHoverForeground#1C2033
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D5DBE9
- settings.textInputForeground#222435
- sideBar.background#eceef1
- sideBar.border#d4d6dc
- sideBar.dropBackground#e3e8f0
- sideBar.foreground#2d2d2d
- sideBarActivityBarTop.border#00000000
- sideBarSectionHeader.background#eceef1
- sideBarSectionHeader.border#eceef1
- sideBarSectionHeader.foreground#40485A
- sideBarStickyScroll.background#eceef1
- sideBarStickyScroll.border#d0d3d6
- sideBarStickyScroll.shadow#00000000
- sideBarTitle.background#eceef1
- sideBarTitle.border#00000000
- sideBarTitle.foreground#40485A
- sideBySideEditor.horizontalBorder#d0d3d6
- sideBySideEditor.verticalBorder#d0d3d6
- simpleFindWidget.sashBorder#d0d3d6
- statusBar.background#eceef1
- statusBar.border#00000000
- statusBar.debuggingBackground#eceef1
- statusBar.debuggingBorder#00000000
- statusBar.debuggingForeground#2d2d2d
- statusBar.focusBorder#466bb3
- statusBar.foreground#2d2d2d
- statusBar.noFolderBackground#eceef1
- statusBar.noFolderBorder#00000000
- statusBar.noFolderForeground#2d2d2d
- statusBarItem.activeBackground#dad3e8
- statusBarItem.compactHoverBackground#e8e3f2
- statusBarItem.errorBackground#c8323b
- statusBarItem.errorForeground#ffffff
- statusBarItem.errorHoverBackground#e8e3f2
- statusBarItem.errorHoverForeground#1C2033
- statusBarItem.focusBorder#466bb3
- statusBarItem.hoverBackground#e8e3f2
- statusBarItem.hoverForeground#1C2033
- statusBarItem.offlineBackground#c8323b
- statusBarItem.offlineForeground#ffffff
- statusBarItem.offlineHoverBackground#e8e3f2
- statusBarItem.offlineHoverForeground#1C2033
- statusBarItem.prominentBackground#dad3e8
- statusBarItem.prominentForeground#1C2033
- statusBarItem.prominentHoverBackground#e8e3f2
- statusBarItem.prominentHoverForeground#1C2033
- statusBarItem.remoteBackground#eceef1
- statusBarItem.remoteForeground#1C2033
- statusBarItem.remoteHoverBackground#e8e3f2
- statusBarItem.remoteHoverForeground#1C2033
- statusBarItem.warningBackground#9d5d00
- statusBarItem.warningForeground#ffffff
- statusBarItem.warningHoverBackground#e8e3f2
- statusBarItem.warningHoverForeground#1C2033
- symbolIcon.arrayForeground#2d2d2d
- symbolIcon.booleanForeground#9d5d00
- symbolIcon.classForeground#5366ba
- symbolIcon.colorForeground#2d2d2d
- symbolIcon.constantForeground#8e642c
- symbolIcon.constructorForeground#466bb3
- symbolIcon.enumeratorForeground#5366ba
- symbolIcon.enumeratorMemberForeground#8e642c
- symbolIcon.eventForeground#8e642c
- symbolIcon.fieldForeground#3B3F48
- symbolIcon.fileForeground#2d2d2d
- symbolIcon.folderForeground#2d2d2d
- symbolIcon.functionForeground#466bb3
- symbolIcon.interfaceForeground#5366ba
- symbolIcon.keyForeground#34719f
- symbolIcon.keywordForeground#9b43c6
- symbolIcon.methodForeground#466bb3
- symbolIcon.moduleForeground#5366ba
- symbolIcon.namespaceForeground#5366ba
- symbolIcon.nullForeground#81899a
- symbolIcon.numberForeground#8e642c
- symbolIcon.objectForeground#5366ba
- symbolIcon.operatorForeground#686c73
- symbolIcon.packageForeground#5366ba
- symbolIcon.propertyForeground#3B3F48
- symbolIcon.referenceForeground#466bb3
- symbolIcon.snippetForeground#2e785e
- symbolIcon.stringForeground#2e785e
- symbolIcon.structForeground#5366ba
- symbolIcon.textForeground#2d2d2d
- symbolIcon.typeParameterForeground#3d6daa
- symbolIcon.unitForeground#2d2d2d
- symbolIcon.variableForeground#307675
- tab.activeBackground#eceef1
- tab.activeBorder#00000000
- tab.activeBorderTop#466bb3
- tab.activeForeground#3a3a3a
- tab.activeModifiedBorder#9d5d00
- tab.border#d0d3d6
- tab.dragAndDropBorder#466bb3
- tab.hoverBackground#e8e3f2
- tab.hoverBorder#00000000
- tab.hoverForeground#1C2033
- tab.inactiveBackground#E2E4E7
- tab.inactiveForeground#61666f
- tab.inactiveModifiedBorder#9d5d0080
- tab.lastPinnedBorder#d0d3d6
- tab.selectedBackground#eceef1
- tab.selectedBorderTop#466bb3
- tab.selectedForeground#3a3a3a
- tab.unfocusedActiveBackground#eceef1
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#d0d3d6
- tab.unfocusedActiveForeground#61666f
- tab.unfocusedActiveModifiedBorder#9d5d0060
- tab.unfocusedHoverBackground#d0d3d6
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedHoverForeground#2d2d2d
- tab.unfocusedInactiveBackground#E2E4E7
- tab.unfocusedInactiveForeground#61666f
- tab.unfocusedInactiveModifiedBorder#9d5d0040
- terminal.ansiBlack#9FA6B2
- terminal.ansiBlue#2a70a9
- terminal.ansiBrightBlack#808890
- terminal.ansiBrightBlue#355991
- terminal.ansiBrightCyan#2c6069
- terminal.ansiBrightGreen#2a6439
- terminal.ansiBrightMagenta#8133a9
- terminal.ansiBrightRed#a52930
- terminal.ansiBrightWhite#3A3A3A
- terminal.ansiBrightYellow#785030
- terminal.ansiCyan#307675
- terminal.ansiGreen#3c7944
- terminal.ansiMagenta#9b43c6
- terminal.ansiRed#c8323b
- terminal.ansiWhite#2D2D2D
- terminal.ansiYellow#8e642c
- terminal.background#eceef1
- terminal.border#d0d3d6
- terminal.dropBackground#e3e8f0
- terminal.findMatchBackground#CFE8FC66
- terminal.findMatchBorder#00000000
- terminal.findMatchHighlightBackground#CFE8FC33
- terminal.findMatchHighlightBorder#00000000
- terminal.foreground#2d2d2d
- terminal.hoverHighlightBackground#d0d3d6
- terminal.inactiveSelectionBackground#e3e8f0
- terminal.initialHintForeground#81899a
- terminal.selectionBackground#D5DBE6
- terminal.tab.activeBorder#466bb3
- terminalCommandDecoration.defaultBackground#81899a
- terminalCommandDecoration.errorBackground#c8323b
- terminalCommandDecoration.successBackground#326539
- terminalCommandGuide.foreground#d0d3d6
- terminalCursor.background#eceef1
- terminalCursor.foreground#2d2d2d
- terminalOverviewRuler.border#00000000
- terminalOverviewRuler.cursorForeground#2d2d2d80
- terminalOverviewRuler.findMatchForeground#466bb380
- terminalStickyScroll.background#eceef1
- terminalStickyScroll.border#d0d3d6
- terminalStickyScrollHover.background#e8e3f2
- terminalSymbolIcon.aliasForeground#466bb3
- terminalSymbolIcon.argumentForeground#367580
- terminalSymbolIcon.branchForeground#8e642c
- terminalSymbolIcon.commitForeground#8e642c
- terminalSymbolIcon.fileForeground#2d2d2d
- terminalSymbolIcon.flagForeground#34719f
- terminalSymbolIcon.folderForeground#466bb3
- terminalSymbolIcon.inlineSuggestionForeground#656c7c
- terminalSymbolIcon.methodForeground#466bb3
- terminalSymbolIcon.optionForeground#34719f
- terminalSymbolIcon.optionValueForeground#2e785e
- terminalSymbolIcon.pullRequestDoneForeground#326539
- terminalSymbolIcon.pullRequestForeground#466bb3
- terminalSymbolIcon.remoteForeground#367580
- terminalSymbolIcon.stashForeground#5366ba
- terminalSymbolIcon.symbolicLinkFileForeground#307675
- terminalSymbolIcon.symbolicLinkFolderForeground#307675
- terminalSymbolIcon.symbolText#2d2d2d
- terminalSymbolIcon.tagForeground#466bb3
- testing.coverCountBadgeBackground#a150ca
- testing.coverCountBadgeForeground#ffffff
- testing.coveredBackground#32653914
- testing.coveredBorder#32653940
- testing.coveredGutterBackground#32653940
- testing.iconErrored#c8323b
- testing.iconErrored.retired#c8323b80
- testing.iconFailed#c8323b
- testing.iconFailed.retired#c8323b80
- testing.iconPassed#326539
- testing.iconPassed.retired#32653980
- testing.iconQueued#9d5d00
- testing.iconQueued.retired#9d5d0080
- testing.iconSkipped#61666f
- testing.iconSkipped.retired#81899a
- testing.iconUnset#81899a
- testing.iconUnset.retired#81899a80
- testing.message.error.badgeBackground#c8323b
- testing.message.error.badgeBorder#00000000
- testing.message.error.badgeForeground#ffffff
- testing.message.error.lineBackground#c8323b14
- testing.message.info.decorationForeground#61666f
- testing.message.info.lineBackground#34719f14
- testing.messagePeekBorder#34719f
- testing.messagePeekHeaderBackground#E2E4E7
- testing.peekBorder#c8323b
- testing.peekHeaderBackground#E2E4E7
- testing.runAction#34719f
- testing.uncoveredBackground#c8323b14
- testing.uncoveredBorder#c8323b40
- testing.uncoveredBranchBackground#9d5d0020
- testing.uncoveredGutterBackground#c8323b40
- textBlockQuote.background#E2E4E7
- textBlockQuote.border#d0d3d6
- textCodeBlock.background#E2E4E7
- textLink.activeForeground#406caf
- textLink.foreground#466bb3
- textPreformat.background#E2E4E7
- textPreformat.border#00000000
- textPreformat.foreground#2e785e
- textSeparator.foreground#d0d3d6
- titleBar.activeBackground#eceef1
- titleBar.activeForeground#2d2d2d
- titleBar.border#00000000
- titleBar.inactiveBackground#eceef1
- titleBar.inactiveForeground#61666f
- toolbar.activeBackground#dad3e8
- toolbar.hoverBackground#e8e3f2
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#cecece80
- tree.indentGuidesStroke#cecece
- tree.tableColumnsBorder#d0d3d6
- tree.tableOddRowsBackground#00000000
- walkThrough.embeddedEditorBackground#F4F6F9
- walkthrough.stepTitle.foreground#222435
- welcomePage.background#eceef1
- welcomePage.progress.background#d0d3d6
- welcomePage.progress.foreground#466bb3
- welcomePage.tileBackground#E2E4E7
- welcomePage.tileBorder#d0d3d6
- welcomePage.tileHoverBackground#F4F6F9
- widget.border#d0d3d6
- widget.shadow#00000000
- window.activeBorder#d0d3d6
- window.inactiveBorder#d0d3d6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, comment.line.double-slash | #666b74 | italic |
| punctuation.definition.comment | #666d75 | italic |
| punctuation.definition.tag, punctuation.definition.tag.html | #6c6c6c | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #6c6c6c | — |
| entity.name.tag, support.class.component.html | #466bb3 | — |
| entity.name.tag.jsx, entity.name.tag.tsx | #466bb3 | — |
| support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #5366ba | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.vue, meta.directive.vue | #34719f | — |
| string.quoted.double.html class, string.quoted.single.html class | #2e785e | — |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.jsx, string.quoted.single.jsx, string.quoted.double.tsx, string.quoted.single.tsx, string.quoted.double.vue, string.quoted.single.vue | #2e785e | — |
| text.html.basic, text.html.derivative | #2d2d2d | — |
| meta.jsx.children, source.jsx meta.jsx.children, source.js meta.jsx.children, source.tsx meta.jsx.children, meta.tag.inline.jsx meta.jsx.children, meta.tag.block.jsx meta.jsx.children, meta.tag.inline.tsx meta.jsx.children, meta.tag.block.tsx meta.jsx.children | #2d2d2d | — |
| entity.name.function, support.function | #466bb3 | — |
| entity.name.namespace, entity.name.type, meta.use, support.class | #5366ba | — |
| punctuation.definition.string, string | #2e785e | — |
| meta.definition.variable.name, variable, support.variable, variable.other.php | #307675 | — |
| meta.function.parameter, variable.parameter | #367580 | — |
| constant.numeric, constant.language, constant.character | #8e642c | — |
| keyword, storage.type, storage.modifier | #9b43c6 | — |
| entity.name.method, keyword.control.conditional, keyword.control.flow, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.default, keyword.control.from, keyword.control.switch, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.new, keyword.operator.sizeof, storage | — | italic |
| markup.heading | #1A1A1A | bold |
| markup.bold | #9b43c6 | bold |
| markup.italic | #666d75 | italic |
| markup.inline.raw.markdown | #2e785e | italic |
| markup.quote.markdown | #307675 | italic |
| markup.inserted | #2e785e | — |
| markup.changed | #9d5d00 | — |
| markup.deleted | #c8323b | — |
| meta.separator.markdown | #81899a | — |
| invalid, invalid.illegal | #c8323b | — |
| punctuation.definition.keyword, keyword.operator.expression.instanceof, keyword.operator.expression.typeof, keyword.operator.expression.delete | #9b43c6 | — |
| support.type.builtin, support.type.primitive, support.type.primitive.ts | #5366ba | — |
| variable.language, variable.language.this, variable.language.super, variable.language.arguments | #307675 | — |
| meta.object-literal.key, meta.object-literal.key entity.name, meta.objectliteral.key, meta.object-literal.key string.unquoted | #34719f | — |
| meta.decorator, storage.type.annotation, punctuation.decorator | #2a70a9 | — |
| meta.object-literal.key, support.type.property-name, meta.mapping.key | #3B3F48 | — |
| punctuation.accessor, punctuation.separator.dot | #6c6c6c | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.assignment | #686c73 | — |
| string.regexp, constant.other.character-class.set.regexp, punctuation.definition.group.regexp | #307675 | — |
| constant.character.escape, constant.character.escape.backslash.regexp, constant.regexp | #3c7944 | — |
| variable.language.this, variable.language.self | #466bb3 | italic |
| keyword.other.use, keyword.other.namespace.use, keyword.other.use.php | #8755b4 | — |
| keyword.declaration.class, storage.type.class, keyword.declaration.interface, keyword.other.implements, storage.modifier.implements | #8755b4 | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.other.inherited-class, support.class, support.type, entity.name.namespace, support.other.namespace | #3d6daa | — |
| punctuation.separator.namespace, punctuation.accessor, punctuation.separator, punctuation.separator.inheritance | #686c76 | — |
| punctuation.definition.variable.php, variable.other.php punctuation.definition.variable | #30767599 | — |