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#15151efe
  • activityBar.activeBackground#15151efe
  • activityBar.activeBorder#75AEFCfe
  • activityBar.activeFocusBorder#71615000
  • activityBar.background#0D0D13fe
  • activityBar.border#7F5A6400
  • activityBar.dropBorder#73AEFDfe
  • activityBar.foreground#75AEFCfe
  • activityBar.inactiveForeground#9F9FBC65
  • activityBarBadge.background#5B96E4fe
  • activityBarBadge.foreground#0D0D13fe
  • badge.background#387BD4fe
  • badge.foreground#0D0D13fe
  • banner.background#15151efe
  • banner.foreground#E7E7FEce
  • banner.iconForeground#B8CBCDfe
  • breadcrumb.activeSelectionForeground#D1DFD4ca
  • breadcrumb.background#0E0E15fe
  • breadcrumb.focusForeground#5591E2fe
  • breadcrumb.foreground#DFDFFEae
  • breadcrumbPicker.background#15151efe
  • button.background#3E3E59ae
  • button.border#0C0E0A00
  • button.foreground#E7E7FEce
  • button.hoverBackground#4545636e
  • button.secondaryBackground#15151efe
  • button.secondaryForeground#E7E7FEce
  • button.secondaryHoverBackground#15151efe
  • button.separator#0C0E0A00
  • charts.blue#1b1bfffe
  • charts.foreground#E7E7FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B0B10fe
  • chat.slashCommandBackground#15151efe
  • chat.slashCommandForeground#E7E7FEce
  • checkbox.background#0B0B10fe
  • checkbox.border#0B0B10fe
  • checkbox.foreground#E7E7FEce
  • checkbox.selectBackground#0B0B10fe
  • checkbox.selectBorder#0B0B10fe
  • commandCenter.activeBackground#1C23138c
  • commandCenter.activeBorder#0B0B10fe
  • commandCenter.activeForeground#2F72CBfe
  • commandCenter.background#15151efe
  • commandCenter.border#0B0B10fe
  • commandCenter.foreground#E7E7FEce
  • commandCenter.inactiveBorder#1F1F2C95
  • commandCenter.inactiveForeground#A4A4BF65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0C0A00
  • contrastBorder#0A0E0E00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E7E7FEce
  • debugConsole.sourceForeground#E7E7FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C2D4C6fe
  • debugExceptionWidget.background#410041c1
  • debugExceptionWidget.border#0B0B10fe
  • debugIcon.breakpointCurrentStackframeForeground#CABDB3fe
  • debugIcon.breakpointDisabledForeground#B5B5CB65
  • debugIcon.breakpointForeground#C8D1BDfe
  • debugIcon.breakpointStackframeForeground#D1D8C7fe
  • debugIcon.breakpointUnverifiedForeground#DFD7D1fe
  • debugIcon.continueForeground#CCCCDBfe
  • debugIcon.disconnectForeground#E1E6DBfe
  • debugIcon.pauseForeground#C2D2D4fe
  • debugIcon.restartForeground#E9E4E0fe
  • debugIcon.startForeground#C2C2D4fe
  • debugIcon.stepBackForeground#B8CBCDfe
  • debugIcon.stepIntoForeground#C2D4C6fe
  • debugIcon.stepOutForeground#C7C7D8fe
  • debugIcon.stepOverForeground#D8C7CBfe
  • debugIcon.stopForeground#D6D6E2fe
  • debugTokenExpression.boolean#D1D1DFca
  • debugTokenExpression.error#C7C7D8ca
  • debugTokenExpression.name#CCCCDBca
  • debugTokenExpression.number#DBD3CCca
  • debugTokenExpression.value#E2DCD6ca
  • debugToolBar.background#410041c1
  • debugToolBar.border#0B0B10fe
  • debugView.exceptionLabelBackground#2B1B2Eca
  • debugView.exceptionLabelForeground#E6DBDEca
  • debugView.stateLabelBackground#162224ca
  • debugView.stateLabelForeground#DBCCD0ca
  • debugView.valueChangedHighlight#E6DBDEca
  • descriptionForeground#E7E7FEce
  • diffEditor.border#0E0C0A00
  • diffEditor.diagonalFill#000000f8
  • diffEditor.insertedLineBackground#00250031
  • diffEditor.insertedTextBackground#0F2610fb
  • diffEditor.insertedTextBorder#0C0E0A00
  • diffEditor.move.border#0E0A0B00
  • diffEditor.moveActive.border#0D0A0E00
  • diffEditor.removedLineBackground#4B000031
  • diffEditor.removedTextBackground#4A0000fb
  • diffEditor.removedTextBorder#0E0A0B00
  • diffEditor.unchangedCodeBackground#15151efe
  • diffEditor.unchangedRegionBackground#15151efe
  • diffEditor.unchangedRegionForeground#E7E7FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B5B5CB65
  • dropdown.background#0B0B10fe
  • dropdown.border#0B0B10fe
  • dropdown.foreground#E7E7FEce
  • dropdown.listBackground#0B0B10fe
  • editor.background#15151efe
  • editor.findMatchBackground#6D5B4Ca4
  • editor.findMatchBorder#0B0B10fe
  • editor.findMatchHighlightBackground#664C6Da4
  • editor.findMatchHighlightBorder#0B0B10fe
  • editor.findRangeHighlightBackground#58415Ea5
  • editor.findRangeHighlightBorder#0B0B10fe
  • editor.focusedStackFrameHighlightBackground#5663458a
  • editor.foldBackground#C4B2C9ac
  • editor.foreground#E7E7FEce
  • editor.hoverHighlightBackground#566345a7
  • editor.inactiveSelectionBackground#46466598
  • editor.inlineValuesBackground#15151efe
  • editor.inlineValuesForeground#E7E7FEce
  • editor.lineHighlightBackground#2D2D40b1
  • editor.lineHighlightBorder#0A0E0B00
  • editor.linkedEditingBackground#15151efe
  • editor.rangeHighlightBackground#49543Ba8
  • editor.rangeHighlightBorder#0B0B10fe
  • editor.selectionBackground#384E50a9
  • editor.selectionForeground#D6E1E2ca
  • editor.selectionHighlightBackground#6D4C5482
  • editor.selectionHighlightBorder#0B0B10fe
  • editor.snippetFinalTabstopHighlightBackground#3B5254ab
  • editor.snippetFinalTabstopHighlightBorder#0B0B10fe
  • editor.snippetTabstopHighlightBackground#374F3Da3
  • editor.snippetTabstopHighlightBorder#0B0B10fe
  • editor.stackFrameHighlightBackground#505072a7
  • editor.symbolHighlightBackground#58415Ead
  • editor.symbolHighlightBorder#0B0B10fe
  • editor.wordHighlightBackground#63454Ca6
  • editor.wordHighlightBorder#0C0E0A00
  • editor.wordHighlightStrongBackground#6D5B4Ca1
  • editor.wordHighlightStrongBorder#0A0E0B00
  • editor.wordHighlightTextBackground#537377a9
  • editor.wordHighlightTextBorder#0A0E0E00
  • editorBracketHighlight.foreground1#F4F4F7ce
  • editorBracketHighlight.foreground2#F4F4F7ce
  • editorBracketHighlight.foreground3#F4F4F7ce
  • editorBracketHighlight.foreground4#F4F4F7ce
  • editorBracketHighlight.foreground5#F4F4F7ce
  • editorBracketHighlight.foreground6#F4F4F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E7E7FEce
  • editorBracketMatch.background#B5B5CBa9
  • editorBracketMatch.border#0B0B10fe
  • editorBracketPairGuide.activeBackground1#B0BCA08c
  • editorBracketPairGuide.activeBackground2#C3B5AA8a
  • editorBracketPairGuide.activeBackground3#B0BDA081
  • editorBracketPairGuide.activeBackground4#C9B2B886
  • editorBracketPairGuide.activeBackground5#C4B2C989
  • editorBracketPairGuide.activeBackground6#C3B1C882
  • editorBracketPairGuide.background1#1E1E34fe
  • editorBracketPairGuide.background2#2A1B2Ffe
  • editorBracketPairGuide.background3#162419fe
  • editorBracketPairGuide.background4#251E18fe
  • editorBracketPairGuide.background5#1D2316fe
  • editorBracketPairGuide.background6#162224fe
  • editorCodeLens.foreground#B5B5CB6e
  • editorCommentsWidget.rangeActiveBackground#B6B6CBfe
  • editorCommentsWidget.rangeBackground#15151efe
  • editorCommentsWidget.resolvedBorder#0B0B10fe
  • editorCommentsWidget.unresolvedBorder#490000cb
  • editorCursor.background#15151efe
  • editorCursor.foreground#4988DCfe
  • editorError.background#0A0E0B00
  • editorError.border#0A0A0E00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#15151efe
  • editorGhostText.border#0E0A0B00
  • editorGhostText.foreground#B5B5CB6e
  • editorGroup.border#0B0B10fe
  • editorGroup.dropBackground#15151efe
  • editorGroup.dropIntoPromptBackground#15151efe
  • editorGroup.dropIntoPromptBorder#0B0B10fe
  • editorGroup.dropIntoPromptForeground#E7E7FEce
  • editorGroup.emptyBackground#15151efe
  • editorGroup.focusedEmptyBorder#0B0B10fe
  • editorGroupHeader.border#0C0E0A00
  • editorGroupHeader.noTabsBackground#0D0D13ae
  • editorGroupHeader.tabsBackground#15151Ea1
  • editorGroupHeader.tabsBorder#0D0A0E00
  • editorGutter.addedBackground#7FC883fb
  • editorGutter.background#15151efe
  • editorGutter.commentGlyphForeground#E7E7FEce
  • editorGutter.commentRangeForeground#E7E7FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#E7E7FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0E0E00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0B0B10fe
  • editorHoverWidget.border#0B0B10fe
  • editorHoverWidget.foreground#E7E7FEce
  • editorHoverWidget.highlightForeground#DBE6DEca
  • editorHoverWidget.statusBarBackground#15151efe
  • editorIndentGuide.activeBackground1#73AEFCfe
  • editorIndentGuide.activeBackground2#70AEFEfe
  • editorIndentGuide.activeBackground3#71ADFCfe
  • editorIndentGuide.activeBackground4#73AEFDfe
  • editorIndentGuide.activeBackground5#73AEFEfe
  • editorIndentGuide.activeBackground6#72AEFCfe
  • editorIndentGuide.background1#A4BFAA35
  • editorIndentGuide.background2#C6B9AE35
  • editorIndentGuide.background3#9F81A735
  • editorIndentGuide.background4#B9A4BF35
  • editorIndentGuide.background5#AE95B535
  • editorIndentGuide.background6#A9C3AF35
  • editorInfo.background#0A0E0B00
  • editorInfo.border#0D0A0E00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#15151efe
  • editorInlayHint.foreground#E7E7FEce
  • editorInlayHint.parameterBackground#15151efe
  • editorInlayHint.parameterForeground#E7E7FEce
  • editorInlayHint.typeBackground#15151efe
  • editorInlayHint.typeForeground#E7E7FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#4988DCfe
  • editorLineNumber.dimmedForeground#B5B5CB6e
  • editorLineNumber.foreground#B5B5CB6e
  • editorLink.activeForeground#5591E2fe
  • editorMarkerNavigation.background#0B0B10fe
  • editorMarkerNavigationError.background#410041aa
  • editorMarkerNavigationError.headerBackground#410041b4
  • editorMarkerNavigationInfo.background#00007Ffe
  • editorMarkerNavigationInfo.headerBackground#00007Ffe
  • editorMarkerNavigationWarning.background#272000fe
  • editorMarkerNavigationWarning.headerBackground#272000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15151efe
  • editorOverviewRuler.border#010159fe
  • editorOverviewRuler.bracketMatchForeground#E7E7FEce
  • editorOverviewRuler.commentForeground#B5B5CB6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E7E7FEce
  • editorOverviewRuler.currentContentForeground#cecece9f
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E6E0DBca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E9E4E0ca
  • editorOverviewRuler.wordHighlightStrongForeground#E7E7FEce
  • editorOverviewRuler.wordHighlightTextForeground#E7E7FEce
  • editorPane.background#15151efe
  • editorRuler.foreground#B5B5CC39
  • editorStickyScroll.background#15151efe
  • editorStickyScrollHover.background#0F0F6C6e
  • editorSuggestWidget.background#0B0B10fe
  • editorSuggestWidget.border#0A0E0E00
  • editorSuggestWidget.focusHighlightForeground#E683FDfe
  • editorSuggestWidget.foreground#E0D6E2fe
  • editorSuggestWidget.highlightForeground#CCDADBca
  • editorSuggestWidget.selectedBackground#5E41488c
  • editorSuggestWidget.selectedForeground#DBD3CCca
  • editorSuggestWidget.selectedIconForeground#E4DBE6ca
  • editorSuggestWidgetStatus.foreground#DFD7D1fe
  • editorUnicodeHighlight.background#6D4C54ad
  • editorUnicodeHighlight.border#0B0B10fe
  • editorUnnecessaryCode.border#272000ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0B00
  • editorWarning.border#0D0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E7E7FEce
  • editorWidget.background#0B0B10fe
  • editorWidget.border#0B0B10fe
  • editorWidget.foreground#E7E7FEce
  • editorWidget.resizeBorder#0B0B10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#5591E2fe
  • extensionBadge.remoteForeground#0D0D13fe
  • extensionButton.background#050579ae
  • extensionButton.foreground#E7E7FEce
  • extensionButton.hoverBackground#1A1A4F6e
  • extensionButton.prominentBackground#15151efe
  • extensionButton.prominentForeground#E7E7FEce
  • extensionButton.prominentHoverBackground#15151efe
  • extensionButton.separator#0D0A0E00
  • extensionIcon.preReleaseForeground#C4CDB8fe
  • extensionIcon.sponsorForeground#E0D6E2fe
  • extensionIcon.starForeground#B3CAB8fe
  • extensionIcon.verifiedForeground#DBDBE6fe
  • focusBorder#0E0C0A00
  • foreground#E7E7FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B6B6CCae
  • inlineChat.background#2F1B1Fca
  • inlineChat.border#2A1B2Dca
  • inlineChat.regionHighlight#C7C7D8ca
  • inlineChat.shadow#CCDADBca
  • inlineChatDiff.inserted#DBDBE6ca
  • inlineChatDiff.removed#E4DBE6ca
  • inlineChatInput.background#DDE2D6ca
  • inlineChatInput.border#172324ca
  • inlineChatInput.focusBorder#0C0E0A00
  • inlineChatInput.placeholderForeground#D1DDDFca
  • input.background#0B0B10fe
  • input.border#0B0B10fe
  • input.foreground#E7E7FEce
  • input.placeholderForeground#B5B5CB65
  • inputOption.activeBackground#0B0B10fe
  • inputOption.activeBorder#0B0B10fe
  • inputOption.activeForeground#2F6EC3fe
  • inputOption.hoverBackground#0B0B10fe
  • inputValidation.errorBackground#670067b7
  • inputValidation.errorBorder#410041c6
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B0B10fe
  • inputValidation.infoForeground#E7E7FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B0B10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B0B10fe
  • interactive.inactiveCodeBorder#1F1F2C9e
  • keybindingLabel.background#15151efe
  • keybindingLabel.border#0B0B10fe
  • keybindingLabel.bottomBorder#0B0B10fe
  • keybindingLabel.foreground#E7E7FEce
  • keybindingTable.headerBackground#15151efe
  • keybindingTable.rowsBackground#15151efe
  • list.activeSelectionBackground#55473B83
  • list.activeSelectionForeground#E2D6D9ca
  • list.activeSelectionIconForeground#DDE2D6ca
  • list.deemphasizedForeground#E7E7FEce
  • list.dropBackground#15151efe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#15151efe
  • list.filterMatchBorder#0B0B10fe
  • list.focusAndSelectionOutline#0A0A0E00
  • list.focusBackground#46466396
  • list.focusForeground#2F6EC3fe
  • list.focusHighlightForeground#50BAC5fe
  • list.focusOutline#0A0A0E00
  • list.highlightForeground#C7C7D8ca
  • list.hoverBackground#162325a7
  • list.hoverForeground#2F72CBfe
  • list.inactiveFocusBackground#29293B93
  • list.inactiveFocusOutline#0A0A0E00
  • list.inactiveSelectionBackground#0D0D13ae
  • list.inactiveSelectionForeground#B5B5CB65
  • list.inactiveSelectionIconForeground#B5B5CB65
  • list.invalidItemForeground#E7E7FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15151efe
  • listFilterWidget.noMatchesOutline#0E0A0B00
  • listFilterWidget.outline#0A0E0B00
  • listFilterWidget.shadow#0E0C0A00
  • menu.background#0D0D13fe
  • menu.border#0A0E0E00
  • menu.foreground#E0E0E9ae
  • menu.selectionBackground#374D50a5
  • menu.selectionBorder#0A0E0B00
  • menu.selectionForeground#4988DCfe
  • menu.separatorBackground#1E1E3C65
  • menubar.selectionBackground#374D50a3
  • menubar.selectionBorder#0A0A0E00
  • menubar.selectionForeground#2F72CBfe
  • merge.border#0B0B10fe
  • merge.commonContentBackground#15151efe
  • merge.commonHeaderBackground#15151efe
  • merge.currentContentBackground#00250031
  • merge.currentHeaderBackground#0F2610fb
  • merge.incomingContentBackground#0E260Fcb
  • merge.incomingHeaderBackground#0F2610fb
  • mergeEditor.change.background#15151efe
  • mergeEditor.change.word.background#15151efe
  • mergeEditor.changeBase.background#15151efe
  • mergeEditor.changeBase.word.background#15151efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B0B10fe
  • mergeEditor.conflict.handledUnfocused.border#18182234
  • mergeEditor.conflict.input1.background#0B0B10fe
  • mergeEditor.conflict.input2.background#0B0B10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067aa
  • mergeEditor.conflict.unhandledFocused.border#0B0B10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1B1B273d
  • mergeEditor.conflictingLines.background#15151efe
  • minimap.background#15151efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F4F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7FC883fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#61618Bfe
  • minimapSlider.background#303045ae
  • minimapSlider.hoverBackground#5050726e
  • notebook.cellBorderColor#0B0B10fe
  • notebook.cellEditorBackground#15151efe
  • notebook.cellHoverBackground#15151efe
  • notebook.cellInsertionIndicator#D5DBCCca
  • notebook.cellStatusBarItemHoverBackground#15151efe
  • notebook.cellToolbarSeparator#E4DBE6ca
  • notebook.editorBackground#15151efe
  • notebook.focusedCellBackground#15151efe
  • notebook.focusedCellBorder#4F8DDFfe
  • notebook.focusedEditorBorder#0B0B10fe
  • notebook.inactiveFocusedCellBorder#57577C8e
  • notebook.inactiveSelectedCellBorder#57577C8e
  • notebook.outputContainerBackgroundColor#15151efe
  • notebook.outputContainerBorderColor#0B0B10fe
  • notebook.selectedCellBackground#15151efe
  • notebook.selectedCellBorder#0B0B10fe
  • notebook.symbolHighlightBackground#15151efe
  • notebookEditorOverviewRuler.runningCellForeground#E7E7FEce
  • notebookScrollbarSlider.activeBackground#57577Cfe
  • notebookScrollbarSlider.background#303045ae
  • notebookScrollbarSlider.hoverBackground#4949686e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#C7D6D8fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B0B10fe
  • notificationCenterHeader.background#15151efe
  • notificationCenterHeader.foreground#E7E7FEce
  • notificationLink.foreground#E7E7FEce
  • notifications.background#15151efe
  • notifications.border#0B0B10fe
  • notifications.foreground#E7E7FEce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#B5B5CBfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B0B10fe
  • panel.background#15151efe
  • panel.border#0B0B10fe
  • panel.dropBorder#0B0B10fe
  • panelInput.border#0B0B10fe
  • panelSection.border#0B0B10fe
  • panelSection.dropBackground#15151efe
  • panelSectionHeader.background#15151efe
  • panelSectionHeader.border#0B0B10fe
  • panelSectionHeader.foreground#E7E7FEce
  • panelTitle.activeBorder#0E0C0A00
  • panelTitle.activeForeground#72AEFDfe
  • panelTitle.inactiveForeground#A9A9C365
  • peekView.border#75AEFCfe
  • peekViewEditor.background#0B0B10fe
  • peekViewEditor.matchHighlightBackground#63454C81
  • peekViewEditor.matchHighlightBorder#0C0E0A00
  • peekViewEditorGutter.background#0B0B10fe
  • peekViewEditorStickyScroll.background#15151efe
  • peekViewResult.background#0D0D13fe
  • peekViewResult.fileForeground#E7E7FEce
  • peekViewResult.lineForeground#E7E7FEce
  • peekViewResult.matchHighlightBackground#54463B8d
  • peekViewResult.selectionBackground#5F424982
  • peekViewResult.selectionForeground#DBDBE6ca
  • peekViewTitle.background#0D0D13fe
  • peekViewTitleDescription.foreground#E7E7FEce
  • peekViewTitleLabel.foreground#E7E7FEce
  • pickerGroup.border#0B0B10fe
  • pickerGroup.foreground#E7E7FEce
  • ports.iconRunningProcessForeground#CCD4C2fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#5591E2fe
  • profileBadge.foreground#0D0D13fe
  • progressBar.background#15151efe
  • quickInput.background#0D0D13fe
  • quickInput.foreground#DFDFFEae
  • quickInputList.focusBackground#344A39a7
  • quickInputList.focusForeground#4384DAfe
  • quickInputList.focusIconForeground#387BD4fe
  • quickInputTitle.background#0B0B10fe
  • sash.hoverBorder#0B0B10fe
  • scrollbar.shadow#0E0C0A00
  • scrollbarSlider.activeBackground#61618Bfe
  • scrollbarSlider.background#34344Aae
  • scrollbarSlider.hoverBackground#4C4C6D6e
  • search.resultsInfoForeground#E7E7FEce
  • searchEditor.findMatchBackground#4C4C6Da6
  • searchEditor.findMatchBorder#0B0B10fe
  • searchEditor.textInputBorder#0B0B10fe
  • selection.background#15151efe
  • settings.checkboxBackground#0B0B10fe
  • settings.checkboxBorder#0B0B10fe
  • settings.checkboxForeground#E7E7FEce
  • settings.dropdownBackground#0B0B10fe
  • settings.dropdownBorder#0B0B10fe
  • settings.dropdownForeground#E7E7FEce
  • settings.dropdownListBorder#0B0B10fe
  • settings.focusedRowBackground#4C6D548c
  • settings.focusedRowBorder#0B0B10fe
  • settings.headerBorder#0B0B10fe
  • settings.headerForeground#E7E7FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B0B10fe
  • settings.numberInputBorder#0B0B10fe
  • settings.numberInputForeground#E7E7FEce
  • settings.rowHoverBackground#15151efe
  • settings.sashBorder#0B0B10fe
  • settings.settingsHeaderHoverForeground#3D7FD7fe
  • settings.textInputBackground#0B0B10fe
  • settings.textInputBorder#0B0B10fe
  • settings.textInputForeground#E7E7FEce
  • sideBar.background#15151efe
  • sideBar.border#0B0B10fe
  • sideBar.dropBackground#15151efe
  • sideBar.foreground#B6B6CCae
  • sideBarSectionHeader.background#0E0C0A00
  • sideBarSectionHeader.border#0B0B10fe
  • sideBarSectionHeader.foreground#E7E7FEce
  • sideBarTitle.foreground#E7E7FEce
  • sideBySideEditor.horizontalBorder#0B0B10fe
  • sideBySideEditor.verticalBorder#0B0B10fe
  • simpleFindWidget.sashBorder#0B0B10fe
  • statusBar.background#0D0D13fe
  • statusBar.border#0B0B10fe
  • statusBar.debuggingBackground#4100419b
  • statusBar.debuggingBorder#0B0B10fe
  • statusBar.debuggingForeground#E7E7FEce
  • statusBar.focusBorder#0A0E0B00
  • statusBar.foreground#B5B5CB6e
  • statusBar.noFolderBackground#0D0D13fe
  • statusBar.noFolderBorder#0B0B10fe
  • statusBar.noFolderForeground#E7E7FEce
  • statusBarItem.activeBackground#0D0D13fe
  • statusBarItem.compactHoverBackground#0D0D13fe
  • statusBarItem.errorBackground#410041bb
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#410041c4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0A0B00
  • statusBarItem.hoverBackground#0D0D13fe
  • statusBarItem.hoverForeground#4F8DDFfe
  • statusBarItem.offlineBackground#0D0D13fe
  • statusBarItem.offlineForeground#E7E7FEce
  • statusBarItem.offlineHoverBackground#0D0D13fe
  • statusBarItem.offlineHoverForeground#4988DCfe
  • statusBarItem.prominentBackground#0D0D13fe
  • statusBarItem.prominentForeground#E7E7FEce
  • statusBarItem.prominentHoverBackground#0D0D13fe
  • statusBarItem.prominentHoverForeground#2F72CBfe
  • statusBarItem.remoteBackground#3276D1fe
  • statusBarItem.remoteForeground#0D0D13fe
  • statusBarItem.remoteHoverBackground#0D0D13fe
  • statusBarItem.remoteHoverForeground#387BD4fe
  • statusBarItem.warningBackground#272000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#272000fe
  • statusBarItem.warningHoverForeground#CBA800ce
  • symbolIcon.arrayForeground#CDC2B8fe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#DFD1D4fe
  • symbolIcon.colorForeground#D6E1E2fe
  • symbolIcon.constantForeground#D1BDC2fe
  • symbolIcon.constructorForeground#C5B3CAfe
  • symbolIcon.enumeratorForeground#B8CDBDfe
  • symbolIcon.enumeratorMemberForeground#CAB3B8fe
  • symbolIcon.eventForeground#C2D2D4fe
  • symbolIcon.fieldForeground#C8D1BDfe
  • symbolIcon.fileForeground#D4C2C6fe
  • symbolIcon.folderForeground#DBDBE6fe
  • symbolIcon.functionForeground#E4DBE6fe
  • symbolIcon.interfaceForeground#B3C7CAfe
  • symbolIcon.keyForeground#CCDADBfe
  • symbolIcon.keywordForeground#E1E6DBfe
  • symbolIcon.methodForeground#E9E4E0fe
  • symbolIcon.moduleForeground#B3CAB8fe
  • symbolIcon.namespaceForeground#B5B5CBfe
  • symbolIcon.nullForeground#D4C7D8fe
  • symbolIcon.numberForeground#C7D8CBfe
  • symbolIcon.objectForeground#D6E1E2fe
  • symbolIcon.operatorForeground#D4C7D8fe
  • symbolIcon.packageForeground#B5B5CBfe
  • symbolIcon.propertyForeground#B8B8CDfe
  • symbolIcon.referenceForeground#C7D8CBfe
  • symbolIcon.snippetForeground#D6E1E2fe
  • symbolIcon.stringForeground#D6D6E2fe
  • symbolIcon.structForeground#C8B2B7fe
  • symbolIcon.textForeground#D5DBCCfe
  • symbolIcon.typeParameterForeground#E2D6D9fe
  • symbolIcon.unitForeground#D1DDDFfe
  • symbolIcon.variableForeground#D8C7CBfe
  • tab.activeBackground#0E0E15fe
  • tab.activeBorder#0C0E0A00
  • tab.activeBorderTop#75AEFCfe
  • tab.activeForeground#75AEFCfe
  • tab.activeModifiedBorder#272000ce
  • tab.border#0A0E0B00
  • tab.hoverBackground#A1BCBEa7
  • tab.hoverBorder#0B0B10fe
  • tab.hoverForeground#387BD4fe
  • tab.inactiveBackground#0101599e
  • tab.inactiveForeground#9A9AB865
  • tab.inactiveModifiedBorder#272000ce
  • tab.lastPinnedBorder#0B0B10fe
  • tab.unfocusedActiveBackground#1818222a
  • tab.unfocusedActiveBorder#0C0E0A00
  • tab.unfocusedActiveBorderTop#1E1E3B65
  • tab.unfocusedActiveForeground#A9A9C365
  • tab.unfocusedActiveModifiedBorder#272000ce
  • tab.unfocusedHoverBackground#B7B7CC31
  • tab.unfocusedHoverBorder#1818222f
  • tab.unfocusedHoverForeground#9595B565
  • tab.unfocusedInactiveBackground#2D2D409c
  • tab.unfocusedInactiveForeground#9A9AB865
  • tab.unfocusedInactiveModifiedBorder#272000ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a7
  • 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#670067a1
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeaa
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15151efe
  • terminal.border#0B0B10fe
  • terminal.dropBackground#15151efe
  • terminal.findMatchBackground#15151efe
  • terminal.findMatchBorder#0B0B10fe
  • terminal.findMatchHighlightBackground#15151efe
  • terminal.findMatchHighlightBorder#0B0B10fe
  • terminal.foreground#B6B6CCae
  • terminal.hoverHighlightBackground#15151efe
  • terminal.inactiveSelectionBackground#26263692
  • terminal.selectionBackground#506F7281
  • terminal.selectionForeground#E6DBDEca
  • terminal.tab.activeBorder#75AEFCfe
  • terminalCommandDecoration.defaultBackground#B5B5CBa6
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15151efe
  • terminalCursor.foreground#4F8DDFfe
  • terminalOverviewRuler.cursorForeground#E7E7FEce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080b9
  • testing.message.error.decorationForeground#95BAEBfe
  • testing.message.error.lineBackground#410041b4
  • testing.message.info.decorationForeground#97BAE8fe
  • testing.message.info.lineBackground#00007Ffe
  • testing.peekBorder#0B0B10fe
  • testing.peekHeaderBackground#15151efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15151efe
  • textBlockQuote.border#0B0B10fe
  • textCodeBlock.background#15151efe
  • textLink.activeForeground#2F72CBfe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#E7E7FEce
  • textSeparator.foreground#E7E7FEce
  • titleBar.activeBackground#0D0D13fe
  • titleBar.activeForeground#A4A4F1ae
  • titleBar.border#0A0A0E00
  • titleBar.inactiveBackground#1F1F2Cd5
  • titleBar.inactiveForeground#A4A4BF65
  • toolbar.activeBackground#1523248c
  • toolbar.hoverBackground#15151efe
  • toolbar.hoverOutline#0A0E0B00
  • tree.inactiveIndentGuidesStroke#86A6AA35
  • tree.indentGuidesStroke#98BBE9fe
  • tree.tableColumnsBorder#0B0B10fe
  • tree.tableOddRowsBackground#15151efe
  • walkThrough.embeddedEditorBackground#15151efe
  • walkthrough.stepTitle.foreground#E7E7FEce
  • welcomePage.background#15151efe
  • welcomePage.progress.background#15151efe
  • welcomePage.progress.foreground#E7E7FEce
  • welcomePage.tileBackground#15151efe
  • welcomePage.tileBorder#0B0B10fe
  • welcomePage.tileHoverBackground#15151efe
  • widget.border#0B0B10fe
  • widget.shadow#0C0E0A00
  • window.activeBorder#0B0B10fe
  • window.inactiveBorder#0101619c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#B9B9FC6e
comment.block.html#B9B9FC6e
comment.block.java#BABAFB6e
comment.block.javadoc.java#BABAFB6e
comment.block.powershell#B9B9FC6e
comment.block.xml#B9B9F86e
comment.line.double-slash.c#B9B9F86e
comment.line.double-slash.cpp#BABAFB6e
comment.line.double-slash.java#B9B9F86e
comment.line.double-slash.js#BABAFB6e
comment.line.number-sign.makefile#B9B9FC6e
comment.line.number-sign.python#B9B9FA6e
comment.line.number-sign.yaml#B9B9F86e
comment.line.percentage.erlang#BABAFB6e
comment.line.powershell#B9B9FA6e
comment.source.cmake#B9B9F86e
comment.source.cmakecache#B9B9F86e
constant.character#7CADEFde
constant.character.character-class.regexp#96C3FEde
constant.character.escape#C6C613de
constant.character.set.regexp#7CADEFde
constant.language#CDB2FEde
constant.numeric#89B6F2de
constant.numeric.dec.python#11DB92de
constant.other.caps.python#2EDE11de
constant.other.character-class.regexp#7CADEFde
constant.other.character-class.set.regexp#B998F5de
constant.other.color.rgb-value#2DDE10de
constant.other.placeholder#2EDD11de
constant.other.rgb-value#ED77CCde
constant.regexp#F8ACA6de
constant.sha.git-rebase#2EDE11de
emphasis#08DB8Cde
entity.name.class#7CADEFde
entity.name.function#F490D7de
entity.name.function.preprocessor#2DDE10de
entity.name.function.python#C9ABFEde
entity.name.label#EC78CAde
entity.name.namespace#2DDE10de
entity.name.operator#7CADEFde
entity.name.operator.custom-literal#C5C513de
entity.name.scope-resolution#F182D1de
entity.name.tag#2EDD11de
entity.name.tag.css#0EDB91de
entity.name.type#B390F1de
entity.name.variable#EF7CCEde
entity.other.attribute#0EDB91de
entity.other.attribute-name#0EDB91de
entity.other.attribute-name.class.css#B390F2de
entity.other.attribute-name.class.mixin.css#FEA9A3de
entity.other.attribute-name.id#ED837Bde
entity.other.attribute-name.id.css#2DDE10de
entity.other.attribute-name.parent-selector.css#C5C50Fde
entity.other.attribute-name.pseudo-class.css#0EDA92de
entity.other.attribute-name.pseudo-element.css#C6C613de
entity.other.attribute-name.scss#ED837Bde
entity.other.document.begin.yaml#BABAFB6e
entity.other.inherited-class#C5C511de
header#82B2F1de
invalid#11DB92de
keyword#2EDD11de
keyword.codetag.notation.python#29DD0Bde
keyword.control#98C0F5de
keyword.control.anchor.regexp#EA7BCAde
keyword.control.import.python#F8ACA6de
keyword.operator#F182D1de
keyword.operator.alignas#93C0FEde
keyword.operator.alignof#F7A59Fde
keyword.operator.cast#6EA4EBde
keyword.operator.delete#0CDB92de
keyword.operator.documentation.powershell#B9B9FC6e
keyword.operator.expression#2EDE11de
keyword.operator.instanceof#F8A6E1de
keyword.operator.logical.python#70A4E8de
keyword.operator.minus.exponent#0EDB91de
keyword.operator.negation.regexp#2DDE0Ede
keyword.operator.new#2EDE11de
keyword.operator.noexcept#2FDD10de
keyword.operator.or.regexp#C3A6F8de
keyword.operator.plus.exponent#0EDB91de
keyword.operator.quantifier.regexp#27DD08de
keyword.operator.sizeof#BE9FF7de
keyword.operator.typeid#90BBF4de
keyword.operator.wordlike#F79FDEde
keyword.other.operator#C5C513de
keyword.other.package.java#10DA92de
keyword.other.unit#2BDD0Fde
keyword.other.using#C4C408de
markup.bold#0FDB91de
markup.changed#EF847Cde
markup.deleted#B998F5de
markup.fenced_code.block.markdown#C5C512de
markup.heading#08DB8Cde
markup.inline.raw#C9AEF9de
markup.inserted#C5C511de
markup.italic#2FDD10de
markup.raw.block.markdown#2EDD11de
markup.strikethrough#11DA93de
markup.underline#FEAAA4de
meta.block.c#98C0F5de
meta.block.c#C9ABFEde
meta.class.java#CCB2FEde
meta.definition.variable.name#98C0F5de
meta.diff.header#B290F0de
meta.embedded#C3A6F8de
meta.embedded.assembly#11DA93de
meta.function-call.arguments.python#12DA92de
meta.function-call.python#2BDE0Dde
meta.member.access.python#FEA3E4de
meta.method.java#F7A59Fde
meta.object-literal.key#FEA3E4de
meta.paragraph.markdown#FEA9A3de
meta.preprocessor#C5C50Fde
meta.preprocessor.numeric#71A4EAde
meta.preprocessor.string#2BDE0Dde
meta.scope.prerequisites.makefile#11DB92de
meta.structure.dictionary.json.comments#BABAFB6e
meta.structure.dictionary.key.python#FEA9A3de
meta.structure.dictionary.value.json.comments#B9B9F86e
meta.template.expression#C5C50Fde
meta.type.cast.expr#0CDB92de
meta.type.new.expr#11DA93de
parameter#11DA93de
punctuation.character.set.begin.regexp#11DB93de
punctuation.character.set.end.regexp#2DDE10de
punctuation.definition.array.begin.json#90BBF4de
punctuation.definition.character-class.regexp#BE9FF7de
punctuation.definition.comment#B9B9FC6e
punctuation.definition.comment.json.comments#B9B9FA6e
punctuation.definition.comment.python#B9B9FC6e
punctuation.definition.dictionary.begin.json#CDB2FEde
punctuation.definition.dictionary.end.json#CDB2FEde
punctuation.definition.group.assertion.regexp#FEA3E4de
punctuation.definition.group.regexp#B290F0de
punctuation.definition.list.begin.json#FEA9A3de
punctuation.definition.list.begin.markdown#FEA9A3de
punctuation.definition.list.begin.python#C5C512de
punctuation.definition.list.end.json#C5C50Fde
punctuation.definition.list.end.markdown#F490D7de
punctuation.definition.list.end.python#EF847Cde
punctuation.definition.parameters.begin.python#C6C613de
punctuation.definition.parameters.end.bracket.round.java#C4C408de
punctuation.definition.quote.begin.markdown#CDB2FEde
punctuation.definition.tag#B290EEde
punctuation.definition.template-expression.begin#FEA3E4de
punctuation.definition.template-expression.end#C5C511de
punctuation.section.class.begin.bracket.curly.java#FEA9A3de
punctuation.section.embedded#7CADEFde
punctuation.section.embedded.begin.php#2ADE0Cde
punctuation.section.embedded.end.php#F49790de
punctuation.terminator.java#2DDE0Ede
source.cmake#2BDD0Fde
source.coffee.embedded#2BDE0Dde
source.cpp#2FDD10de
source.css.less#F289D4de
source.groovy.embedded#F18A82de
source.java#10DB92de
source.java-properties#B490F4de
source.json.comments#B9B9F86e
source.makefile#0BDB8Fde
source.powershell#F490D7de
source.powershell.variable.other.member#EC78CAde
source.python#93C0FEde
storage#2EDE11de
storage.modifier#C5C511de
storage.modifier.import.java#11DA93de
storage.modifier.package.java#11DB92de
storage.type#EA7BCAde
storage.type.annotation.groovy#F79FDEde
storage.type.annotation.java#0FDB91de
storage.type.boolean.go#ED77CCde
storage.type.byte.go#C5C513de
storage.type.cs#C9AEF9de
storage.type.error.go#F289D4de
storage.type.generic.cs#2DDE10de
storage.type.generic.groovy#CDB2FEde
storage.type.generic.java#CDB2FEde
storage.type.groovy#C5C513de
storage.type.java#2EDD11de
storage.type.modifier.cs#96C3FEde
storage.type.numeric.go#FEA9A3de
storage.type.object.array.groovy#C5C50Ede
storage.type.object.array.java#27DD08de
storage.type.parameters.groovy#2EDE11de
storage.type.primitive.array.groovy#98C0F5de
storage.type.primitive.array.java#98C2FEde
storage.type.primitive.groovy#FEA3E4de
storage.type.primitive.java#CDB2FEde
storage.type.rune.go#C6C607de
storage.type.string.go#B390F2de
storage.type.token.java#F29189de
storage.type.uintptr.go#2FDD10de
storage.type.variable.cs#FEA9A3de
string#0EDB91de
string.quoted.docstring.multi.python#B9B9FC6e
string.regexp#11DA93de
string.tag#11DB92de
string.value#C5C511de
strong#90BBF4de
support.class#96C3FEde
support.constant.color#97C3FEde
support.constant.dom#82B2F1de
support.constant.font-name#0CDB92de
support.constant.handlebars#6EA4EBde
support.constant.json#F18A82de
support.constant.math#C5C512de
support.constant.media#2ADE0Cde
support.constant.media-type#C5C511de
support.constant.property-value#ED77CCde
support.function#2EDD11de
support.function.git-rebase#7CADEFde
support.other.parenthesis.regexp#B390F1de
support.type#96C3FEde
support.type.property-name#FEA9A3de
support.type.vendored.property-name#F8A6E1de
support.variable#C9ABFEde
token.debug-token#F49790de
token.error-token#F29189de
token.info-token#BE9FF7de
token.warn-token#F7A59Fde
variable#C4C408de
variable.css#C5C511de
variable.language#96C3FEde
variable.language.wildcard.java#EC847Dde
variable.other.constant#0EDA92de
variable.other.definition.java#10DB92de
variable.other.enummember#10DA92de
variable.other.less#C5C512de
variable.other.object.java#ED837Bde
variable.other.object.property.java#B290EFde
variable.parameter.c#F7A59Fde
variable.parameter.function.language.python#11DA93de
variable.parameter.java#F7A59Fde
variable.scss#B290F0de
viiv by B.W - VS Code Theme