Skip to main content
Coding Theme

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#1b1f1ffe
  • activityBar.activeBackground#1b1f1ffe
  • activityBar.activeBorder#0AC4DAfe
  • activityBar.activeFocusBorder#76656D00
  • activityBar.background#111313fe
  • activityBar.border#76656D00
  • activityBar.dropBorder#0FC4DCfe
  • activityBar.foreground#08C4DFfe
  • activityBar.inactiveForeground#49C5C565
  • activityBarBadge.background#2CC2D6fe
  • activityBarBadge.foreground#111313fe
  • badge.background#0FC5DCfe
  • badge.foreground#111313fe
  • banner.background#1b1f1ffe
  • banner.foreground#D0FBFBce
  • banner.iconForeground#C3BEBCfe
  • breadcrumb.activeSelectionForeground#D7D2D4ca
  • breadcrumb.background#131515fe
  • breadcrumb.focusForeground#0FC5DEfe
  • breadcrumb.foreground#F1F3F3ae
  • breadcrumbPicker.background#1b1f1ffe
  • button.background#3E4747ae
  • button.border#0D0E0C00
  • button.foreground#D0FBFBce
  • button.hoverBackground#5D6B6B6e
  • button.secondaryBackground#1b1f1ffe
  • button.secondaryForeground#D0FBFBce
  • button.secondaryHoverBackground#1b1f1ffe
  • button.separator#0D0E0C00
  • charts.blue#1b1bfffe
  • charts.foreground#D0FBFBce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0F1111fe
  • chat.slashCommandBackground#1b1f1ffe
  • chat.slashCommandForeground#D0FBFBce
  • checkbox.background#0F1111fe
  • checkbox.border#0F1111fe
  • checkbox.foreground#D0FBFBce
  • checkbox.selectBackground#0F1111fe
  • checkbox.selectBorder#0F1111fe
  • commandCenter.activeBackground#3F272F82
  • commandCenter.activeBorder#0F1111fe
  • commandCenter.activeForeground#0DC4DDfe
  • commandCenter.background#1b1f1ffe
  • commandCenter.border#0F1111fe
  • commandCenter.foreground#D0FBFBce
  • commandCenter.inactiveBorder#262C2C99
  • commandCenter.inactiveForeground#45C4C465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0D0C00
  • contrastBorder#0C0E0C00
  • debugConsole.errorForeground#FF9FFEce
  • debugConsole.infoForeground#D0FBFBce
  • debugConsole.sourceForeground#D0FBFBce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D2D2D7fe
  • debugExceptionWidget.background#5700579a
  • debugExceptionWidget.border#0F1111fe
  • debugIcon.breakpointCurrentStackframeForeground#CED3CEfe
  • debugIcon.breakpointDisabledForeground#B8C1C165
  • debugIcon.breakpointForeground#E4E4E7fe
  • debugIcon.breakpointStackframeForeground#D1CED3fe
  • debugIcon.breakpointUnverifiedForeground#CDCFCAfe
  • debugIcon.continueForeground#C1C7C1fe
  • debugIcon.disconnectForeground#DFDCDBfe
  • debugIcon.pauseForeground#E3E1E0fe
  • debugIcon.restartForeground#E3E0E1fe
  • debugIcon.startForeground#E6E4E7fe
  • debugIcon.stepBackForeground#CDCFCAfe
  • debugIcon.stepIntoForeground#C1C3BCfe
  • debugIcon.stepOutForeground#C7C1C3fe
  • debugIcon.stepOverForeground#E6E7E4fe
  • debugIcon.stopForeground#C7C1C3fe
  • debugTokenExpression.boolean#D9DBD7ca
  • debugTokenExpression.error#D6DBDBca
  • debugTokenExpression.name#D9DBD7ca
  • debugTokenExpression.number#D7D2D4ca
  • debugTokenExpression.value#DBDFDFca
  • debugToolBar.background#570057b4
  • debugToolBar.border#0F1111fe
  • debugView.exceptionLabelBackground#36283Dca
  • debugView.exceptionLabelForeground#D2D2D7ca
  • debugView.stateLabelBackground#3C272Cca
  • debugView.stateLabelForeground#D7D2D4ca
  • debugView.valueChangedHighlight#E0E3E0ca
  • descriptionForeground#D0FBFBce
  • diffEditor.border#0D0E0C00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113513fb
  • diffEditor.insertedTextBorder#0E0C0D00
  • diffEditor.move.border#0D0E0E00
  • diffEditor.moveActive.border#0D0E0C00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#640000fb
  • diffEditor.removedTextBorder#0C0E0C00
  • diffEditor.unchangedCodeBackground#1b1f1ffe
  • diffEditor.unchangedRegionBackground#1b1f1ffe
  • diffEditor.unchangedRegionForeground#D0FBFBce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B8C1C165
  • dropdown.background#0F1111fe
  • dropdown.border#0F1111fe
  • dropdown.foreground#D0FBFBce
  • dropdown.listBackground#0F1111fe
  • editor.background#1b1f1ffe
  • editor.findMatchBackground#565660a9
  • editor.findMatchBorder#0F1111fe
  • editor.findMatchHighlightBackground#495149a5
  • editor.findMatchHighlightBorder#0F1111fe
  • editor.findRangeHighlightBackground#4E574Ea3
  • editor.findRangeHighlightBorder#0F1111fe
  • editor.focusedStackFrameHighlightBackground#544E4B83
  • editor.foldBackground#C5BFC1ac
  • editor.foreground#D0FBFBce
  • editor.hoverHighlightBackground#69625Ea1
  • editor.inactiveSelectionBackground#47515195
  • editor.inlineValuesBackground#1b1f1ffe
  • editor.inlineValuesForeground#D0FBFBce
  • editor.lineHighlightBackground#363E3Eb2
  • editor.lineHighlightBorder#0D0E0E00
  • editor.linkedEditingBackground#1b1f1ffe
  • editor.rangeHighlightBackground#495454ac
  • editor.rangeHighlightBorder#0F1111fe
  • editor.selectionBackground#485248a3
  • editor.selectionForeground#E6E4E7ca
  • editor.selectionHighlightBackground#695E6285
  • editor.selectionHighlightBorder#0F1111fe
  • editor.snippetFinalTabstopHighlightBackground#554C50a3
  • editor.snippetFinalTabstopHighlightBorder#0F1111fe
  • editor.snippetTabstopHighlightBackground#50524Aab
  • editor.snippetTabstopHighlightBorder#0F1111fe
  • editor.stackFrameHighlightBackground#69626Da3
  • editor.symbolHighlightBackground#544E57a1
  • editor.symbolHighlightBorder#0F1111fe
  • editor.wordHighlightBackground#4D5148a4
  • editor.wordHighlightBorder#0C0C0E00
  • editor.wordHighlightStrongBackground#534C55ae
  • editor.wordHighlightStrongBorder#0E0C0D00
  • editor.wordHighlightTextBackground#495149a2
  • editor.wordHighlightTextBorder#0C0E0C00
  • editorBracketHighlight.foreground1#F6F7F7ce
  • editorBracketHighlight.foreground2#F6F7F7ce
  • editorBracketHighlight.foreground3#F6F7F7ce
  • editorBracketHighlight.foreground4#F6F7F7ce
  • editorBracketHighlight.foreground5#F6F7F7ce
  • editorBracketHighlight.foreground6#F6F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#D0FBFBce
  • editorBracketMatch.background#BBC2BBa6
  • editorBracketMatch.border#0F1111fe
  • editorBracketPairGuide.activeBackground1#B9C1B981
  • editorBracketPairGuide.activeBackground2#C2BEC488
  • editorBracketPairGuide.activeBackground3#BFBFC58b
  • editorBracketPairGuide.activeBackground4#BEC1B98b
  • editorBracketPairGuide.activeBackground5#BFBFC68c
  • editorBracketPairGuide.activeBackground6#C2BEBB84
  • editorBracketPairGuide.background1#302C32fe
  • editorBracketPairGuide.background2#213221fe
  • editorBracketPairGuide.background3#2A2A4Afe
  • editorBracketPairGuide.background4#372841fe
  • editorBracketPairGuide.background5#37273Dfe
  • editorBracketPairGuide.background6#362840fe
  • editorCodeLens.foreground#B8C1C16e
  • editorCommentsWidget.rangeActiveBackground#B8C1C1fe
  • editorCommentsWidget.rangeBackground#1b1f1ffe
  • editorCommentsWidget.resolvedBorder#0F1111fe
  • editorCommentsWidget.unresolvedBorder#640000cb
  • editorCursor.background#1b1f1ffe
  • editorCursor.foreground#09C4DEfe
  • editorError.background#0D0C0E00
  • editorError.border#0C0E0C00
  • editorError.foreground#FF9FFEce
  • editorGhostText.background#1b1f1ffe
  • editorGhostText.border#0D0E0C00
  • editorGhostText.foreground#B8C1C16e
  • editorGroup.border#0F1111fe
  • editorGroup.dropBackground#1b1f1ffe
  • editorGroup.dropIntoPromptBackground#1b1f1ffe
  • editorGroup.dropIntoPromptBorder#0F1111fe
  • editorGroup.dropIntoPromptForeground#D0FBFBce
  • editorGroup.emptyBackground#1b1f1ffe
  • editorGroup.focusedEmptyBorder#0F1111fe
  • editorGroupHeader.border#0E0D0C00
  • editorGroupHeader.noTabsBackground#111313ae
  • editorGroupHeader.tabsBackground#1b1f1fa1
  • editorGroupHeader.tabsBorder#0C0E0C00
  • editorGutter.addedBackground#8ECE92fb
  • editorGutter.background#1b1f1ffe
  • editorGutter.commentGlyphForeground#D0FBFBce
  • editorGutter.commentRangeForeground#D0FBFBce
  • editorGutter.commentUnresolvedGlyphForeground#8DCE90cb
  • editorGutter.deletedBackground#FFA8A8cb
  • editorGutter.foldingControlForeground#D0FBFBce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0C0D00
  • editorHint.foreground#C6B4FFce
  • editorHoverWidget.background#0F1111fe
  • editorHoverWidget.border#0F1111fe
  • editorHoverWidget.foreground#D0FBFBce
  • editorHoverWidget.highlightForeground#E6E7E4ca
  • editorHoverWidget.statusBarBackground#1b1f1ffe
  • editorIndentGuide.activeBackground1#0FC4DBfe
  • editorIndentGuide.activeBackground2#0FC4DDfe
  • editorIndentGuide.activeBackground3#0FC4DCfe
  • editorIndentGuide.activeBackground4#0BC5DEfe
  • editorIndentGuide.activeBackground5#0CC5DEfe
  • editorIndentGuide.activeBackground6#0DC5DFfe
  • editorIndentGuide.background1#AFB7AF35
  • editorIndentGuide.background2#9999A335
  • editorIndentGuide.background3#9999A335
  • editorIndentGuide.background4#9B909435
  • editorIndentGuide.background5#9C959F35
  • editorIndentGuide.background6#ABA2A535
  • editorInfo.background#0E0C0D00
  • editorInfo.border#0D0E0E00
  • editorInfo.foreground#C6B4FFce
  • editorInlayHint.background#1b1f1ffe
  • editorInlayHint.foreground#D0FBFBce
  • editorInlayHint.parameterBackground#1b1f1ffe
  • editorInlayHint.parameterForeground#D0FBFBce
  • editorInlayHint.typeBackground#1b1f1ffe
  • editorInlayHint.typeForeground#D0FBFBce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8DCE90cb
  • editorLineNumber.activeForeground#0EC4DCfe
  • editorLineNumber.dimmedForeground#B8C1C16e
  • editorLineNumber.foreground#B8C1C16e
  • editorLink.activeForeground#0BC4DDfe
  • editorMarkerNavigation.background#0F1111fe
  • editorMarkerNavigationError.background#570057c6
  • editorMarkerNavigationError.headerBackground#570057bb
  • editorMarkerNavigationInfo.background#0000A4fe
  • editorMarkerNavigationInfo.headerBackground#0000A4fe
  • editorMarkerNavigationWarning.background#362D00fe
  • editorMarkerNavigationWarning.headerBackground#362D00fe
  • editorOverviewRuler.addedForeground#8DCE90cb
  • editorOverviewRuler.background#1b1f1ffe
  • editorOverviewRuler.border#1F3131fe
  • editorOverviewRuler.bracketMatchForeground#D0FBFBce
  • editorOverviewRuler.commentForeground#B8C1C16e
  • editorOverviewRuler.commentUnresolvedForeground#8DCE90cb
  • editorOverviewRuler.commonContentForeground#D0FBFBce
  • editorOverviewRuler.currentContentForeground#cececeb7
  • editorOverviewRuler.deletedForeground#FFA8A8cb
  • editorOverviewRuler.errorForeground#FF9FFEce
  • editorOverviewRuler.findMatchForeground#00D6D6ce
  • editorOverviewRuler.incomingContentForeground#8DCE90cb
  • editorOverviewRuler.infoForeground#C6B4FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DBDFDFca
  • editorOverviewRuler.selectionHighlightForeground#C6B4FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E6E4E7ca
  • editorOverviewRuler.wordHighlightStrongForeground#D0FBFBce
  • editorOverviewRuler.wordHighlightTextForeground#D0FBFBce
  • editorPane.background#1b1f1ffe
  • editorRuler.foreground#B8C1C121
  • editorStickyScroll.background#1b1f1ffe
  • editorStickyScrollHover.background#1B31316e
  • editorSuggestWidget.background#0F1111fe
  • editorSuggestWidget.border#0E0C0D00
  • editorSuggestWidget.focusHighlightForeground#64C864fe
  • editorSuggestWidget.foreground#CDD4D4fe
  • editorSuggestWidget.highlightForeground#DEDFDBca
  • editorSuggestWidget.selectedBackground#48514884
  • editorSuggestWidget.selectedForeground#E4E4E7ca
  • editorSuggestWidget.selectedIconForeground#DBD8D7ca
  • editorSuggestWidgetStatus.foreground#BFBFC5fe
  • editorUnicodeHighlight.background#4E4E57a8
  • editorUnicodeHighlight.border#0F1111fe
  • editorUnnecessaryCode.border#362D00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0E0C00
  • editorWarning.border#0D0E0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#D0FBFBce
  • editorWidget.background#0F1111fe
  • editorWidget.border#0F1111fe
  • editorWidget.foreground#D0FBFBce
  • editorWidget.resizeBorder#0F1111fe
  • errorForeground#FF9FFEce
  • extensionBadge.remoteBackground#0BC5DDfe
  • extensionBadge.remoteForeground#111313fe
  • extensionButton.background#213030ae
  • extensionButton.foreground#D0FBFBce
  • extensionButton.hoverBackground#1D31316e
  • extensionButton.prominentBackground#1b1f1ffe
  • extensionButton.prominentForeground#D0FBFBce
  • extensionButton.prominentHoverBackground#1b1f1ffe
  • extensionButton.separator#0D0E0E00
  • extensionIcon.preReleaseForeground#E7E4E5fe
  • extensionIcon.sponsorForeground#E6E7E4fe
  • extensionIcon.starForeground#D9DBD7fe
  • extensionIcon.verifiedForeground#C5C5CBfe
  • focusBorder#0C0C0E00
  • foreground#D0FBFBce
  • gitDecoration.addedResourceForeground#8DCE90cb
  • gitDecoration.deletedResourceForeground#FFA8A8cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C6B4FFce
  • gitDecoration.stageDeletedResourceForeground#FFA8A8cb
  • gitDecoration.stageModifiedResourceForeground#8DCE90cb
  • gitDecoration.untrackedResourceForeground#00D6D6ce
  • icon.foreground#B8C1C1ae
  • inlineChat.background#3D272Dca
  • inlineChat.border#362840ca
  • inlineChat.regionHighlight#DFE3E3ca
  • inlineChat.shadow#D5D2D7ca
  • inlineChatDiff.inserted#E7E5E4ca
  • inlineChatDiff.removed#DBDFDFca
  • inlineChatInput.background#DBDBDFca
  • inlineChatInput.border#3D272Dca
  • inlineChatInput.focusBorder#0E0D0C00
  • inlineChatInput.placeholderForeground#D7D2D4ca
  • input.background#0F1111fe
  • input.border#0F1111fe
  • input.foreground#D0FBFBce
  • input.placeholderForeground#B8C1C165
  • inputOption.activeBackground#0F1111fe
  • inputOption.activeBorder#0F1111fe
  • inputOption.activeForeground#0FC5DEfe
  • inputOption.hoverBackground#0F1111fe
  • inputValidation.errorBackground#670067a3
  • inputValidation.errorBorder#570057a4
  • inputValidation.errorForeground#FF9FFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0F1111fe
  • inputValidation.infoForeground#D0FBFBce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0F1111fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0F1111fe
  • interactive.inactiveCodeBorder#0F33339c
  • keybindingLabel.background#1b1f1ffe
  • keybindingLabel.border#0F1111fe
  • keybindingLabel.bottomBorder#0F1111fe
  • keybindingLabel.foreground#D0FBFBce
  • keybindingTable.headerBackground#1b1f1ffe
  • keybindingTable.rowsBackground#1b1f1ffe
  • list.activeSelectionBackground#58525B89
  • list.activeSelectionForeground#D7D4D2ca
  • list.activeSelectionIconForeground#E4E7E4ca
  • list.deemphasizedForeground#D0FBFBce
  • list.dropBackground#1b1f1ffe
  • list.errorForeground#FF9FFEce
  • list.filterMatchBackground#1b1f1ffe
  • list.filterMatchBorder#0F1111fe
  • list.focusAndSelectionOutline#0C0E0C00
  • list.focusBackground#47515197
  • list.focusForeground#2ABCD0fe
  • list.focusHighlightForeground#D69BFDfe
  • list.focusOutline#0D0E0C00
  • list.highlightForeground#DFDBDCca
  • list.hoverBackground#153415ac
  • list.hoverForeground#0BC4DDfe
  • list.inactiveFocusBackground#363E3E97
  • list.inactiveFocusOutline#0C0C0E00
  • list.inactiveSelectionBackground#111313ae
  • list.inactiveSelectionForeground#B8C1C165
  • list.inactiveSelectionIconForeground#B8C1C165
  • list.invalidItemForeground#D0FBFBce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1b1f1ffe
  • listFilterWidget.noMatchesOutline#0C0C0E00
  • listFilterWidget.outline#0D0E0E00
  • listFilterWidget.shadow#0D0C0E00
  • menu.background#111313fe
  • menu.border#0E0D0C00
  • menu.foreground#E8EBEBae
  • menu.selectionBackground#485248a1
  • menu.selectionBorder#0E0D0C00
  • menu.selectionForeground#0FC5DEfe
  • menu.separatorBackground#1F303065
  • menubar.selectionBackground#485148ad
  • menubar.selectionBorder#0E0C0D00
  • menubar.selectionForeground#0DC5DEfe
  • merge.border#0F1111fe
  • merge.commonContentBackground#1b1f1ffe
  • merge.commonHeaderBackground#1b1f1ffe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113513fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113513fb
  • mergeEditor.change.background#1b1f1ffe
  • mergeEditor.change.word.background#1b1f1ffe
  • mergeEditor.changeBase.background#1b1f1ffe
  • mergeEditor.changeBase.word.background#1b1f1ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0F1111fe
  • mergeEditor.conflict.handledUnfocused.border#1E232332
  • mergeEditor.conflict.input1.background#0F1111fe
  • mergeEditor.conflict.input2.background#0F1111fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b5
  • mergeEditor.conflict.unhandledFocused.border#0F1111fe
  • mergeEditor.conflict.unhandledUnfocused.border#1E23233c
  • mergeEditor.conflictingLines.background#1b1f1ffe
  • minimap.background#1b1f1ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ECE92fb
  • minimapGutter.deletedBackground#FFA8A8fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#6C7C7Cfe
  • minimapSlider.background#3E4747ae
  • minimapSlider.hoverBackground#5D6B6B6e
  • notebook.cellBorderColor#0F1111fe
  • notebook.cellEditorBackground#1b1f1ffe
  • notebook.cellHoverBackground#1b1f1ffe
  • notebook.cellInsertionIndicator#D7D7DBca
  • notebook.cellStatusBarItemHoverBackground#1b1f1ffe
  • notebook.cellToolbarSeparator#DFDBDCca
  • notebook.editorBackground#1b1f1ffe
  • notebook.focusedCellBackground#1b1f1ffe
  • notebook.focusedCellBorder#0DC5DEfe
  • notebook.focusedEditorBorder#0F1111fe
  • notebook.inactiveFocusedCellBorder#6878788e
  • notebook.inactiveSelectedCellBorder#6878788e
  • notebook.outputContainerBackgroundColor#1b1f1ffe
  • notebook.outputContainerBorderColor#0F1111fe
  • notebook.selectedCellBackground#1b1f1ffe
  • notebook.selectedCellBorder#0F1111fe
  • notebook.symbolHighlightBackground#1b1f1ffe
  • notebookEditorOverviewRuler.runningCellForeground#D0FBFBce
  • notebookScrollbarSlider.activeBackground#657474fe
  • notebookScrollbarSlider.background#3E4747ae
  • notebookScrollbarSlider.hoverBackground#5562626e
  • notebookStatusErrorIcon.foreground#FF9FFEce
  • notebookStatusRunningIcon.foreground#CDCACFfe
  • notebookStatusSuccessIcon.foreground#8DCE90cb
  • notificationCenter.border#0F1111fe
  • notificationCenterHeader.background#1b1f1ffe
  • notificationCenterHeader.foreground#D0FBFBce
  • notificationLink.foreground#D0FBFBce
  • notifications.background#1b1f1ffe
  • notifications.border#0F1111fe
  • notifications.foreground#D0FBFBce
  • notificationsErrorIcon.foreground#FF9FFEce
  • notificationsInfoIcon.foreground#D5D2D7fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0F1111fe
  • panel.background#1b1f1ffe
  • panel.border#0F1111fe
  • panel.dropBorder#0F1111fe
  • panelInput.border#0F1111fe
  • panelSection.border#0F1111fe
  • panelSection.dropBackground#1b1f1ffe
  • panelSectionHeader.background#1b1f1ffe
  • panelSectionHeader.border#0F1111fe
  • panelSectionHeader.foreground#D0FBFBce
  • panelTitle.activeBorder#0D0E0C00
  • panelTitle.activeForeground#0DC5DFfe
  • panelTitle.inactiveForeground#A9B4B465
  • peekView.border#0BC5DEfe
  • peekViewEditor.background#0F1111fe
  • peekViewEditor.matchHighlightBackground#534D5788
  • peekViewEditor.matchHighlightBorder#0D0E0E00
  • peekViewEditorGutter.background#0F1111fe
  • peekViewEditorStickyScroll.background#1b1f1ffe
  • peekViewResult.background#111313fe
  • peekViewResult.fileForeground#D0FBFBce
  • peekViewResult.lineForeground#D0FBFBce
  • peekViewResult.matchHighlightBackground#4E574E85
  • peekViewResult.selectionBackground#585B5286
  • peekViewResult.selectionForeground#D6DBDBca
  • peekViewTitle.background#111313fe
  • peekViewTitleDescription.foreground#D0FBFBce
  • peekViewTitleLabel.foreground#D0FBFBce
  • pickerGroup.border#0F1111fe
  • pickerGroup.foreground#D0FBFBce
  • ports.iconRunningProcessForeground#D3D0CEfe
  • problemsErrorIcon.foreground#FF9FFEce
  • problemsInfoIcon.foreground#C6B4FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0FC5DEfe
  • profileBadge.foreground#111313fe
  • progressBar.background#1b1f1ffe
  • quickInput.background#111313fe
  • quickInput.foreground#E4E7E7ae
  • quickInputList.focusBackground#4A524Aac
  • quickInputList.focusForeground#09C4DEfe
  • quickInputList.focusIconForeground#0FC5DEfe
  • quickInputTitle.background#0F1111fe
  • sash.hoverBorder#0F1111fe
  • scrollbar.shadow#0D0C0E00
  • scrollbarSlider.activeBackground#687878fe
  • scrollbarSlider.background#3E4747ae
  • scrollbarSlider.hoverBackground#5562626e
  • search.resultsInfoForeground#D0FBFBce
  • searchEditor.findMatchBackground#5D6056a1
  • searchEditor.findMatchBorder#0F1111fe
  • searchEditor.textInputBorder#0F1111fe
  • selection.background#1b1f1ffe
  • settings.checkboxBackground#0F1111fe
  • settings.checkboxBorder#0F1111fe
  • settings.checkboxForeground#D0FBFBce
  • settings.dropdownBackground#0F1111fe
  • settings.dropdownBorder#0F1111fe
  • settings.dropdownForeground#D0FBFBce
  • settings.dropdownListBorder#0F1111fe
  • settings.focusedRowBackground#574E5187
  • settings.focusedRowBorder#0F1111fe
  • settings.headerBorder#0F1111fe
  • settings.headerForeground#D0FBFBce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0F1111fe
  • settings.numberInputBorder#0F1111fe
  • settings.numberInputForeground#D0FBFBce
  • settings.rowHoverBackground#1b1f1ffe
  • settings.sashBorder#0F1111fe
  • settings.settingsHeaderHoverForeground#0FC5DEfe
  • settings.textInputBackground#0F1111fe
  • settings.textInputBorder#0F1111fe
  • settings.textInputForeground#D0FBFBce
  • sideBar.background#1b1f1ffe
  • sideBar.border#0F1111fe
  • sideBar.dropBackground#1b1f1ffe
  • sideBar.foreground#B8C1C1ae
  • sideBarSectionHeader.background#0C0C0E00
  • sideBarSectionHeader.border#0F1111fe
  • sideBarSectionHeader.foreground#D0FBFBce
  • sideBarTitle.foreground#D0FBFBce
  • sideBySideEditor.horizontalBorder#0F1111fe
  • sideBySideEditor.verticalBorder#0F1111fe
  • simpleFindWidget.sashBorder#0F1111fe
  • statusBar.background#111313fe
  • statusBar.border#0F1111fe
  • statusBar.debuggingBackground#570057b4
  • statusBar.debuggingBorder#0F1111fe
  • statusBar.debuggingForeground#D0FBFBce
  • statusBar.focusBorder#0D0E0E00
  • statusBar.foreground#B8C1C16e
  • statusBar.noFolderBackground#111313fe
  • statusBar.noFolderBorder#0F1111fe
  • statusBar.noFolderForeground#D0FBFBce
  • statusBarItem.activeBackground#111313fe
  • statusBarItem.compactHoverBackground#111313fe
  • statusBarItem.errorBackground#570057b8
  • statusBarItem.errorForeground#FF9FFEce
  • statusBarItem.errorHoverBackground#570057bd
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0D0E0E00
  • statusBarItem.hoverBackground#111313fe
  • statusBarItem.hoverForeground#0FC5DCfe
  • statusBarItem.offlineBackground#111313fe
  • statusBarItem.offlineForeground#D0FBFBce
  • statusBarItem.offlineHoverBackground#111313fe
  • statusBarItem.offlineHoverForeground#0BC5DDfe
  • statusBarItem.prominentBackground#111313fe
  • statusBarItem.prominentForeground#D0FBFBce
  • statusBarItem.prominentHoverBackground#111313fe
  • statusBarItem.prominentHoverForeground#0DC4DDfe
  • statusBarItem.remoteBackground#0FC5DCfe
  • statusBarItem.remoteForeground#111313fe
  • statusBarItem.remoteHoverBackground#111313fe
  • statusBarItem.remoteHoverForeground#2ABCD0fe
  • statusBarItem.warningBackground#362D00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#362D00fe
  • statusBarItem.warningHoverForeground#D5B000ce
  • symbolIcon.arrayForeground#D2D7D2fe
  • symbolIcon.booleanForeground#00D6D6ce
  • symbolIcon.classForeground#DBDFDFfe
  • symbolIcon.colorForeground#D3D0CEfe
  • symbolIcon.constantForeground#C1C7C1fe
  • symbolIcon.constructorForeground#B8C1C1fe
  • symbolIcon.enumeratorForeground#DEDFDBfe
  • symbolIcon.enumeratorMemberForeground#D2D2D7fe
  • symbolIcon.eventForeground#D7DBD7fe
  • symbolIcon.fieldForeground#E2E3E0fe
  • symbolIcon.fileForeground#C9C5CBfe
  • symbolIcon.folderForeground#C9C5CBfe
  • symbolIcon.functionForeground#CED3CEfe
  • symbolIcon.interfaceForeground#D1CED3fe
  • symbolIcon.keyForeground#CBC5C7fe
  • symbolIcon.keywordForeground#E2E0E3fe
  • symbolIcon.methodForeground#CACACFfe
  • symbolIcon.moduleForeground#E7E5E4fe
  • symbolIcon.namespaceForeground#B8C1C1fe
  • symbolIcon.nullForeground#C9C5CBfe
  • symbolIcon.numberForeground#B8C1C1fe
  • symbolIcon.objectForeground#DBD7D8fe
  • symbolIcon.operatorForeground#D7D7DBfe
  • symbolIcon.packageForeground#D7D7DBfe
  • symbolIcon.propertyForeground#CDCFCAfe
  • symbolIcon.referenceForeground#C1C3BCfe
  • symbolIcon.snippetForeground#DBDBDFfe
  • symbolIcon.stringForeground#E4E7E4fe
  • symbolIcon.structForeground#CED3CEfe
  • symbolIcon.textForeground#DEDFDBfe
  • symbolIcon.typeParameterForeground#DBD7D8fe
  • symbolIcon.unitForeground#BBC4C4fe
  • symbolIcon.variableForeground#D3D0CEfe
  • tab.activeBackground#131515fe
  • tab.activeBorder#0D0E0C00
  • tab.activeBorderTop#0DC5DFfe
  • tab.activeForeground#08C4DFfe
  • tab.activeModifiedBorder#362D00ce
  • tab.border#0D0E0C00
  • tab.hoverBackground#BBC2BBae
  • tab.hoverBorder#0F1111fe
  • tab.hoverForeground#0DC5DEfe
  • tab.inactiveBackground#0F333394
  • tab.inactiveForeground#49C5C565
  • tab.inactiveModifiedBorder#362D00ce
  • tab.lastPinnedBorder#0F1111fe
  • tab.unfocusedActiveBackground#1E23233b
  • tab.unfocusedActiveBorder#0E0C0D00
  • tab.unfocusedActiveBorderTop#1F303065
  • tab.unfocusedActiveForeground#49C5C565
  • tab.unfocusedActiveModifiedBorder#362D00ce
  • tab.unfocusedHoverBackground#B8C1C128
  • tab.unfocusedHoverBorder#1E23232f
  • tab.unfocusedHoverForeground#A9B4B465
  • tab.unfocusedInactiveBackground#363E3E91
  • tab.unfocusedInactiveForeground#A5B1B165
  • tab.unfocusedInactiveModifiedBorder#362D00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333aa
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067ae
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebb
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1b1f1ffe
  • terminal.border#0F1111fe
  • terminal.dropBackground#1b1f1ffe
  • terminal.findMatchBackground#1b1f1ffe
  • terminal.findMatchBorder#0F1111fe
  • terminal.findMatchHighlightBackground#1b1f1ffe
  • terminal.findMatchHighlightBorder#0F1111fe
  • terminal.foreground#B8C1C1ae
  • terminal.hoverHighlightBackground#1b1f1ffe
  • terminal.inactiveSelectionBackground#262C2C9b
  • terminal.selectionBackground#4E4E5786
  • terminal.selectionForeground#D2D2D7ca
  • terminal.tab.activeBorder#0BC5DEfe
  • terminalCommandDecoration.defaultBackground#C5BFC1aa
  • terminalCommandDecoration.errorBackground#FFA8A8cb
  • terminalCommandDecoration.successBackground#8DCE90cb
  • terminalCursor.background#1b1f1ffe
  • terminalCursor.foreground#0EC4DCfe
  • terminalOverviewRuler.cursorForeground#D0FBFBce
  • terminalOverviewRuler.findMatchForeground#00D6D6ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bf
  • testing.iconUnset#808080c3
  • testing.message.error.decorationForeground#5ECFDEfe
  • testing.message.error.lineBackground#570057be
  • testing.message.info.decorationForeground#51D4E5fe
  • testing.message.info.lineBackground#0000A4fe
  • testing.peekBorder#0F1111fe
  • testing.peekHeaderBackground#1b1f1ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1b1f1ffe
  • textBlockQuote.border#0F1111fe
  • textCodeBlock.background#1b1f1ffe
  • textLink.activeForeground#0DC4DDfe
  • textLink.foreground#C6B4FFce
  • textPreformat.foreground#D0FBFBce
  • textSeparator.foreground#D0FBFBce
  • titleBar.activeBackground#111313fe
  • titleBar.activeForeground#75C0C0ae
  • titleBar.border#0C0E0C00
  • titleBar.inactiveBackground#262C2Cd4
  • titleBar.inactiveForeground#45C4C465
  • toolbar.activeBackground#4B0D648b
  • toolbar.hoverBackground#1b1f1ffe
  • toolbar.hoverOutline#0D0E0E00
  • tree.inactiveIndentGuidesStroke#A39C9935
  • tree.indentGuidesStroke#53CFE0fe
  • tree.tableColumnsBorder#0F1111fe
  • tree.tableOddRowsBackground#1b1f1ffe
  • walkThrough.embeddedEditorBackground#1b1f1ffe
  • walkthrough.stepTitle.foreground#D0FBFBce
  • welcomePage.background#1b1f1ffe
  • welcomePage.progress.background#1b1f1ffe
  • welcomePage.progress.foreground#D0FBFBce
  • welcomePage.tileBackground#1b1f1ffe
  • welcomePage.tileBorder#0F1111fe
  • welcomePage.tileHoverBackground#1b1f1ffe
  • widget.border#0F1111fe
  • widget.shadow#0D0C0E00
  • window.activeBorder#0F1111fe
  • window.inactiveBorder#0F333393

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#80D7D76e
comment.block.html#86D6D66e
comment.block.java#86D6D66e
comment.block.javadoc.java#80D7D76e
comment.block.powershell#80D5D56e
comment.block.xml#86D6D66e
comment.line.double-slash.c#87D6D66e
comment.line.double-slash.cpp#87D6D66e
comment.line.double-slash.java#87D6D66e
comment.line.double-slash.js#86D6D66e
comment.line.number-sign.makefile#80D7D76e
comment.line.number-sign.python#87D6D66e
comment.line.number-sign.yaml#80D5D56e
comment.line.percentage.erlang#80D5D56e
comment.line.powershell#80D5D56e
comment.source.cmake#87D6D66e
comment.source.cmakecache#87D6D66e
constant.character#A9A9A9de
constant.character.character-class.regexp#E596F6de
constant.character.escape#EFB473de
constant.character.set.regexp#FDBC72de
constant.language#88DF0Ade
constant.numeric#C4C4C4de
constant.numeric.dec.python#C8C8C8de
constant.other.caps.python#0DE740de
constant.other.character-class.regexp#0CE640de
constant.other.character-class.set.regexp#B7B7B7de
constant.other.color.rgb-value#E89EF8de
constant.other.placeholder#87DE0Cde
constant.other.rgb-value#87DF08de
constant.regexp#FDBB73de
constant.sha.git-rebase#89DE0Fde
emphasis#F289A7de
entity.name.class#C8C8C8de
entity.name.function#87DE0Cde
entity.name.function.preprocessor#FCBC72de
entity.name.function.python#FCBC73de
entity.name.label#89DE0Fde
entity.name.namespace#24DCF4de
entity.name.operator#DF87F2de
entity.name.operator.custom-literal#23DBF4de
entity.name.scope-resolution#0FE641de
entity.name.tag#0EE641de
entity.name.tag.css#87DF08de
entity.name.type#0EE641de
entity.name.variable#AEAEAEde
entity.other.attribute#E188F4de
entity.other.attribute-name#0FE741de
entity.other.attribute-name.class.css#0FE741de
entity.other.attribute-name.class.mixin.css#0FE741de
entity.other.attribute-name.id#AEAEAEde
entity.other.attribute-name.id.css#EF8BA8de
entity.other.attribute-name.parent-selector.css#C6C6C6de
entity.other.attribute-name.pseudo-class.css#F1B3FEde
entity.other.attribute-name.pseudo-element.css#AEAEAEde
entity.other.attribute-name.scss#FCBC73de
entity.other.document.begin.yaml#86D6D66e
entity.other.inherited-class#F488A7de
header#E38FF5de
invalid#0FE741de
keyword#C8C8C8de
keyword.codetag.notation.python#87DF08de
keyword.control#0EE740de
keyword.control.anchor.regexp#DF87F2de
keyword.control.import.python#E596F6de
keyword.operator#FCBC74de
keyword.operator.alignas#F9A5BEde
keyword.operator.alignof#DE87F1de
keyword.operator.cast#EFB473de
keyword.operator.delete#F89EB8de
keyword.operator.documentation.powershell#80D7D76e
keyword.operator.expression#88DF0Ede
keyword.operator.instanceof#EBAC65de
keyword.operator.logical.python#B3B3B3de
keyword.operator.minus.exponent#E38FF5de
keyword.operator.negation.regexp#DE89F0de
keyword.operator.new#89DE0Fde
keyword.operator.noexcept#0AE83Dde
keyword.operator.or.regexp#EBAC65de
keyword.operator.plus.exponent#12DCF5de
keyword.operator.quantifier.regexp#F1B3FEde
keyword.operator.sizeof#F58FADde
keyword.operator.typeid#0EE642de
keyword.operator.wordlike#88DF0Ade
keyword.other.operator#88DE0Fde
keyword.other.package.java#F1B3FEde
keyword.other.unit#87DE0Cde
keyword.other.using#25DCF4de
markup.bold#E89EF8de
markup.changed#C0C0C0de
markup.deleted#C0C0C0de
markup.fenced_code.block.markdown#0BE63Fde
markup.heading#1EDCF5de
markup.inline.raw#AAAAAAde
markup.inserted#F58FADde
markup.italic#F1B879de
markup.raw.block.markdown#E89EF8de
markup.strikethrough#87DD0Dde
markup.underline#23DBF6de
meta.block.c#89DE0Fde
meta.block.c#FAADC3de
meta.class.java#C8C8C8de
meta.definition.variable.name#12DCF5de
meta.diff.header#B3B3B3de
meta.embedded#FDBC72de
meta.embedded.assembly#C8C8C8de
meta.function-call.arguments.python#12DCF5de
meta.function-call.python#19DCF7de
meta.member.access.python#E596F6de
meta.method.java#EAA5F9de
meta.object-literal.key#0AE83Dde
meta.paragraph.markdown#FCBC72de
meta.preprocessor#0EE642de
meta.preprocessor.numeric#24DCF4de
meta.preprocessor.string#DD88EFde
meta.scope.prerequisites.makefile#EFACFEde
meta.structure.dictionary.json.comments#87D6D66e
meta.structure.dictionary.key.python#23DBF5de
meta.structure.dictionary.value.json.comments#87D6D66e
meta.template.expression#0AE83Dde
meta.type.cast.expr#EF8BA8de
meta.type.new.expr#FCBC74de
parameter#EF8AA8de
punctuation.character.set.begin.regexp#0FE741de
punctuation.character.set.end.regexp#1ADCF4de
punctuation.definition.array.begin.json#12DCF5de
punctuation.definition.character-class.regexp#DE89F0de
punctuation.definition.comment#87D6D66e
punctuation.definition.comment.json.comments#80D5D56e
punctuation.definition.comment.python#80D5D56e
punctuation.definition.dictionary.begin.json#89DD0Ede
punctuation.definition.dictionary.end.json#F9A5BEde
punctuation.definition.group.assertion.regexp#C8C8C8de
punctuation.definition.group.regexp#C8C8C8de
punctuation.definition.list.begin.json#F189A7de
punctuation.definition.list.begin.markdown#FDBC72de
punctuation.definition.list.begin.python#EBAC65de
punctuation.definition.list.end.json#FDBB73de
punctuation.definition.list.end.markdown#88DF0Fde
punctuation.definition.list.end.python#FEB3CAde
punctuation.definition.parameters.begin.python#21DCF5de
punctuation.definition.parameters.end.bracket.round.java#0AE83Dde
punctuation.definition.quote.begin.markdown#0EE641de
punctuation.definition.tag#C8C8C8de
punctuation.definition.template-expression.begin#0AE83Dde
punctuation.definition.template-expression.end#89DE0Fde
punctuation.section.class.begin.bracket.curly.java#87DD0Dde
punctuation.section.embedded#C8C8C8de
punctuation.section.embedded.begin.php#F9A5BEde
punctuation.section.embedded.end.php#88DF0Fde
punctuation.terminator.java#C8C8C8de
source.cmake#FCBC74de
source.coffee.embedded#C8C8C8de
source.cpp#EDB06Cde
source.css.less#BCBCBCde
source.groovy.embedded#FCBC74de
source.java#0EE642de
source.java-properties#22DCF5de
source.json.comments#87D6D66e
source.makefile#A9A9A9de
source.powershell#DF87F2de
source.powershell.variable.other.member#0CE640de
source.python#FEBB70de
storage#21DCF5de
storage.modifier#89DE0Fde
storage.modifier.import.java#DE87F1de
storage.modifier.package.java#FDBC72de
storage.type#C8C8C8de
storage.type.annotation.groovy#20DCF5de
storage.type.annotation.java#F1B3FEde
storage.type.boolean.go#E89EF8de
storage.type.byte.go#C0C0C0de
storage.type.cs#0AE63Dde
storage.type.error.go#23DBF6de
storage.type.generic.cs#89DE0Fde
storage.type.generic.groovy#0CE740de
storage.type.generic.java#C8C8C8de
storage.type.groovy#0FE641de
storage.type.java#23DBF6de
storage.type.modifier.cs#FCBC72de
storage.type.numeric.go#FCBC72de
storage.type.object.array.groovy#B7B7B7de
storage.type.object.array.java#F2BD81de
storage.type.parameters.groovy#88DF0Fde
storage.type.primitive.array.groovy#0DE740de
storage.type.primitive.array.java#EFACFEde
storage.type.primitive.groovy#87DD0Dde
storage.type.primitive.java#FCBC74de
storage.type.rune.go#A9A9A9de
storage.type.string.go#87DF08de
storage.type.token.java#88DF0Ade
storage.type.uintptr.go#1EDCF5de
storage.type.variable.cs#F58FADde
string#88DE0Fde
string.quoted.docstring.multi.python#80D7D76e
string.regexp#FAADC3de
string.tag#FEB3CAde
string.value#0FE741de
strong#23DBF5de
support.class#C8C8C8de
support.constant.color#0AE83Dde
support.constant.dom#0DE740de
support.constant.font-name#A9A9A9de
support.constant.handlebars#F089A7de
support.constant.json#A9A9A9de
support.constant.math#23DBF4de
support.constant.media#0AE83Dde
support.constant.media-type#BCBCBCde
support.constant.property-value#C8C8C8de
support.function#89DE0Fde
support.function.git-rebase#FDBB73de
support.other.parenthesis.regexp#C0C0C0de
support.type#C0C0C0de
support.type.property-name#0EE641de
support.type.vendored.property-name#20DCF5de
support.variable#EF8AA8de
token.debug-token#22DCF5de
token.error-token#87DF0Ade
token.info-token#87DD0Dde
token.warn-token#89DE0Fde
variable#FAADC3de
variable.css#88DE0Fde
variable.language#A9A9A9de
variable.language.wildcard.java#20DCF5de
variable.other.constant#AEAEAEde
variable.other.definition.java#0CE640de
variable.other.enummember#0EE641de
variable.other.less#FCBC74de
variable.other.object.java#C8C8C8de
variable.other.object.property.java#ECADFAde
variable.parameter.c#19DCF7de
variable.parameter.function.language.python#DF87F2de
variable.parameter.java#C8C8C8de
variable.scss#DF87F2de
viiv by B.W - VS Code Theme