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#1d1d17fe
  • activityBar.activeBackground#1d1d17fe
  • activityBar.activeBorder#F289B6fe
  • activityBar.activeFocusBorder#76636300
  • activityBar.background#12120Efe
  • activityBar.border#6B6B5B00
  • activityBar.dropBorder#FD8EBEfe
  • activityBar.foreground#F490BBfe
  • activityBar.inactiveForeground#B6B63F65
  • activityBarBadge.background#E04D8Cfe
  • activityBarBadge.foreground#12120Efe
  • badge.background#CB2E71fe
  • badge.foreground#12120Efe
  • banner.background#1d1d17fe
  • banner.foreground#F4F4B4ce
  • banner.iconForeground#DDD4D4fe
  • breadcrumb.activeSelectionForeground#D9E0DEca
  • breadcrumb.background#141410fe
  • breadcrumb.focusForeground#CB2E71fe
  • breadcrumb.foreground#EFEFECae
  • breadcrumbPicker.background#1d1d17fe
  • button.background#4C4C3Cae
  • button.border#0D0B0C00
  • button.foreground#F4F4B4ce
  • button.hoverBackground#5A5A476e
  • button.secondaryBackground#1d1d17fe
  • button.secondaryForeground#F4F4B4ce
  • button.secondaryHoverBackground#1d1d17fe
  • button.separator#0D0B0C00
  • charts.blue#1b1bfffe
  • charts.foreground#F4F4B4ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#10100Cfe
  • chat.slashCommandBackground#1d1d17fe
  • chat.slashCommandForeground#F4F4B4ce
  • checkbox.background#10100Cfe
  • checkbox.border#10100Cfe
  • checkbox.foreground#F4F4B4ce
  • checkbox.selectBackground#10100Cfe
  • checkbox.selectBorder#10100Cfe
  • commandCenter.activeBackground#21304C83
  • commandCenter.activeBorder#10100Cfe
  • commandCenter.activeForeground#D23075fe
  • commandCenter.background#1d1d17fe
  • commandCenter.border#10100Cfe
  • commandCenter.foreground#F4F4B4ce
  • commandCenter.inactiveBorder#32321095
  • commandCenter.inactiveForeground#B6B64465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0B0C00
  • contrastBorder#0B0D0C00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#F4F4B4ce
  • debugConsole.sourceForeground#F4F4B4ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D4D7DDfe
  • debugExceptionWidget.background#5C005Cca
  • debugExceptionWidget.border#10100Cfe
  • debugIcon.breakpointCurrentStackframeForeground#DDDDD4fe
  • debugIcon.breakpointDisabledForeground#BEBEAE65
  • debugIcon.breakpointForeground#B8C6B8fe
  • debugIcon.breakpointStackframeForeground#D4D7DDfe
  • debugIcon.breakpointUnverifiedForeground#DDD4D4fe
  • debugIcon.continueForeground#B8C6C1fe
  • debugIcon.disconnectForeground#DDE4DDfe
  • debugIcon.pauseForeground#D1D1C6fe
  • debugIcon.restartForeground#C6CAD1fe
  • debugIcon.startForeground#C6C6B8fe
  • debugIcon.stepBackForeground#D4D7DDfe
  • debugIcon.stepIntoForeground#CAD5D2fe
  • debugIcon.stepOutForeground#CAD5D2fe
  • debugIcon.stepOverForeground#CFD9CFfe
  • debugIcon.stopForeground#C1CEC1fe
  • debugTokenExpression.boolean#D9CFCFca
  • debugTokenExpression.error#CAD5D2ca
  • debugTokenExpression.name#DDDDD4ca
  • debugTokenExpression.number#CFD2D9ca
  • debugTokenExpression.value#E4DDDDca
  • debugToolBar.background#5C005Cbe
  • debugToolBar.border#10100Cfe
  • debugView.exceptionLabelBackground#21332Eca
  • debugView.exceptionLabelForeground#D9D9CFca
  • debugView.stateLabelBackground#262F45ca
  • debugView.stateLabelForeground#E4E4DDca
  • debugView.valueChangedHighlight#E4DDDDca
  • descriptionForeground#F4F4B4ce
  • diffEditor.border#0B0C0D00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#123814fb
  • diffEditor.insertedTextBorder#0D0D0B00
  • diffEditor.move.border#0B0C0D00
  • diffEditor.moveActive.border#0D0B0B00
  • diffEditor.removedLineBackground#69000031
  • diffEditor.removedTextBackground#690000fb
  • diffEditor.removedTextBorder#0B0D0B00
  • diffEditor.unchangedCodeBackground#1d1d17fe
  • diffEditor.unchangedRegionBackground#1d1d17fe
  • diffEditor.unchangedRegionForeground#F4F4B4ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#BEBEAE65
  • dropdown.background#10100Cfe
  • dropdown.border#10100Cfe
  • dropdown.foreground#F4F4B4ce
  • dropdown.listBackground#10100Cfe
  • editor.background#1d1d17fe
  • editor.findMatchBackground#514B5Fa6
  • editor.findMatchBorder#10100Cfe
  • editor.findMatchHighlightBackground#4B5F58a5
  • editor.findMatchHighlightBorder#10100Cfe
  • editor.findRangeHighlightBackground#515140ab
  • editor.findRangeHighlightBorder#10100Cfe
  • editor.focusedStackFrameHighlightBackground#4B525F89
  • editor.foldBackground#C8BBC3a7
  • editor.foreground#F4F4B4ce
  • editor.hoverHighlightBackground#484D5Ba2
  • editor.inactiveSelectionBackground#4E4E3E9c
  • editor.inlineValuesBackground#1d1d17fe
  • editor.inlineValuesForeground#F4F4B4ce
  • editor.lineHighlightBackground#39392Db5
  • editor.lineHighlightBorder#0D0D0B00
  • editor.linkedEditingBackground#1d1d17fe
  • editor.rangeHighlightBackground#555544a3
  • editor.rangeHighlightBorder#10100Cfe
  • editor.selectionBackground#5C4949a2
  • editor.selectionForeground#CACED5ca
  • editor.selectionHighlightBackground#40514B84
  • editor.selectionHighlightBorder#10100Cfe
  • editor.snippetFinalTabstopHighlightBackground#4B525Faa
  • editor.snippetFinalTabstopHighlightBorder#10100Cfe
  • editor.snippetTabstopHighlightBackground#6D5656ac
  • editor.snippetTabstopHighlightBorder#10100Cfe
  • editor.stackFrameHighlightBackground#5A4853a2
  • editor.symbolHighlightBackground#536853a6
  • editor.symbolHighlightBorder#10100Cfe
  • editor.wordHighlightBackground#40524Caa
  • editor.wordHighlightBorder#0D0B0B00
  • editor.wordHighlightStrongBackground#40524Cae
  • editor.wordHighlightStrongBorder#0D0D0B00
  • editor.wordHighlightTextBackground#4F5663ab
  • editor.wordHighlightTextBorder#0D0B0C00
  • editorBracketHighlight.foreground1#F7F7F5ce
  • editorBracketHighlight.foreground2#F7F7F5ce
  • editorBracketHighlight.foreground3#F7F7F5ce
  • editorBracketHighlight.foreground4#F7F7F5ce
  • editorBracketHighlight.foreground5#F7F7F5ce
  • editorBracketHighlight.foreground6#F7F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#F4F4B4ce
  • editorBracketMatch.background#C8BBC3a6
  • editorBracketMatch.border#10100Cfe
  • editorBracketPairGuide.activeBackground1#BABFC885
  • editorBracketPairGuide.activeBackground2#B3C2B38c
  • editorBracketPairGuide.activeBackground3#B9BEC88c
  • editorBracketPairGuide.activeBackground4#B0C1BC83
  • editorBracketPairGuide.activeBackground5#C8BABA83
  • editorBracketPairGuide.activeBackground6#BFBBC98a
  • editorBracketPairGuide.background1#283328fe
  • editorBracketPairGuide.background2#1F332Cfe
  • editorBracketPairGuide.background3#20322Cfe
  • editorBracketPairGuide.background4#31311Ffe
  • editorBracketPairGuide.background5#44263Afe
  • editorBracketPairGuide.background6#30301Efe
  • editorCodeLens.foreground#BEBEAE6e
  • editorCommentsWidget.rangeActiveBackground#C0C0AFfe
  • editorCommentsWidget.rangeBackground#1d1d17fe
  • editorCommentsWidget.resolvedBorder#10100Cfe
  • editorCommentsWidget.unresolvedBorder#670000cb
  • editorCursor.background#1d1d17fe
  • editorCursor.foreground#D23075fe
  • editorError.background#0B0D0C00
  • editorError.border#0C0B0D00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1d1d17fe
  • editorGhostText.border#0D0B0B00
  • editorGhostText.foreground#BFBFAE6e
  • editorGroup.border#10100Cfe
  • editorGroup.dropBackground#1d1d17fe
  • editorGroup.dropIntoPromptBackground#1d1d17fe
  • editorGroup.dropIntoPromptBorder#10100Cfe
  • editorGroup.dropIntoPromptForeground#F4F4B4ce
  • editorGroup.emptyBackground#1d1d17fe
  • editorGroup.focusedEmptyBorder#10100Cfe
  • editorGroupHeader.border#0C0B0D00
  • editorGroupHeader.noTabsBackground#12120Eae
  • editorGroupHeader.tabsBackground#1C1C16a1
  • editorGroupHeader.tabsBorder#0B0C0D00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1d1d17fe
  • editorGutter.commentGlyphForeground#F4F4B4ce
  • editorGutter.commentRangeForeground#F4F4B4ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#F4F4B4ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0B0D00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#10100Cfe
  • editorHoverWidget.border#10100Cfe
  • editorHoverWidget.foreground#F4F4B4ce
  • editorHoverWidget.highlightForeground#D4DDDAca
  • editorHoverWidget.statusBarBackground#1d1d17fe
  • editorIndentGuide.activeBackground1#F490BBfe
  • editorIndentGuide.activeBackground2#FE8EBEfe
  • editorIndentGuide.activeBackground3#FE89BBfe
  • editorIndentGuide.activeBackground4#FE8EBEfe
  • editorIndentGuide.activeBackground5#FD90BFfe
  • editorIndentGuide.activeBackground6#FE8FBEfe
  • editorIndentGuide.background1#A1889935
  • editorIndentGuide.background2#96ACA535
  • editorIndentGuide.background3#92A89235
  • editorIndentGuide.background4#9D848435
  • editorIndentGuide.background5#BBA9A935
  • editorIndentGuide.background6#A892A135
  • editorInfo.background#0B0D0C00
  • editorInfo.border#0C0B0D00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#1d1d17fe
  • editorInlayHint.foreground#F4F4B4ce
  • editorInlayHint.parameterBackground#1d1d17fe
  • editorInlayHint.parameterForeground#F4F4B4ce
  • editorInlayHint.typeBackground#1d1d17fe
  • editorInlayHint.typeForeground#F4F4B4ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#DA4183fe
  • editorLineNumber.dimmedForeground#BFBFAE6e
  • editorLineNumber.foreground#BFBFAE6e
  • editorLink.activeForeground#D73C7Efe
  • editorMarkerNavigation.background#10100Cfe
  • editorMarkerNavigationError.background#5C005Cc1
  • editorMarkerNavigationError.headerBackground#5C005Cc6
  • editorMarkerNavigationInfo.background#0000AEfe
  • editorMarkerNavigationInfo.headerBackground#0000AEfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1d1d17fe
  • editorOverviewRuler.border#2F2F26fe
  • editorOverviewRuler.bracketMatchForeground#F4F4B4ce
  • editorOverviewRuler.commentForeground#BFBFAE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F4F4B4ce
  • editorOverviewRuler.currentContentForeground#cececec0
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E4DDDDca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#CFD2D9ca
  • editorOverviewRuler.wordHighlightStrongForeground#F4F4B4ce
  • editorOverviewRuler.wordHighlightTextForeground#F4F4B4ce
  • editorPane.background#1d1d17fe
  • editorRuler.foreground#BFBFAE3e
  • editorStickyScroll.background#1d1d17fe
  • editorStickyScrollHover.background#32321B6e
  • editorSuggestWidget.background#10100Cfe
  • editorSuggestWidget.border#0D0B0C00
  • editorSuggestWidget.focusHighlightForeground#52C69Cfe
  • editorSuggestWidget.foreground#C8BABAfe
  • editorSuggestWidget.highlightForeground#E0D9D9ca
  • editorSuggestWidget.selectedBackground#44554F83
  • editorSuggestWidget.selectedForeground#D4DDD4ca
  • editorSuggestWidget.selectedIconForeground#DDDDD4ca
  • editorSuggestWidgetStatus.foreground#D5CAD2fe
  • editorUnicodeHighlight.background#566D56a1
  • editorUnicodeHighlight.border#10100Cfe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0D0B00
  • editorWarning.border#0B0D0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F4F4B4ce
  • editorWidget.background#10100Cfe
  • editorWidget.border#10100Cfe
  • editorWidget.foreground#F4F4B4ce
  • editorWidget.resizeBorder#10100Cfe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#DA4183fe
  • extensionBadge.remoteForeground#12120Efe
  • extensionButton.background#323218ae
  • extensionButton.foreground#F4F4B4ce
  • extensionButton.hoverBackground#3131256e
  • extensionButton.prominentBackground#1d1d17fe
  • extensionButton.prominentForeground#F4F4B4ce
  • extensionButton.prominentHoverBackground#1d1d17fe
  • extensionButton.separator#0D0D0B00
  • extensionIcon.preReleaseForeground#CFD9CFfe
  • extensionIcon.sponsorForeground#BCCAC5fe
  • extensionIcon.starForeground#CABCBCfe
  • extensionIcon.verifiedForeground#CABCC5fe
  • focusBorder#0D0D0B00
  • foreground#F4F4B4ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#BFBFAEae
  • inlineChat.background#43273Bca
  • inlineChat.border#2D3138ca
  • inlineChat.regionHighlight#CFD2D9ca
  • inlineChat.shadow#DDDDD4ca
  • inlineChatDiff.inserted#D7D4DDca
  • inlineChatDiff.removed#E0D9DEca
  • inlineChatInput.background#D9D9CFca
  • inlineChatInput.border#21332Eca
  • inlineChatInput.focusBorder#0B0D0C00
  • inlineChatInput.placeholderForeground#DDD4D4ca
  • input.background#10100Cfe
  • input.border#10100Cfe
  • input.foreground#F4F4B4ce
  • input.placeholderForeground#BFBFAE65
  • inputOption.activeBackground#10100Cfe
  • inputOption.activeBorder#10100Cfe
  • inputOption.activeForeground#DD4787fe
  • inputOption.hoverBackground#10100Cfe
  • inputValidation.errorBackground#670067cb
  • inputValidation.errorBorder#5C005Ca6
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#10100Cfe
  • inputValidation.infoForeground#F4F4B4ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#10100Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#10100Cfe
  • interactive.inactiveCodeBorder#2F2F2692
  • keybindingLabel.background#1d1d17fe
  • keybindingLabel.border#10100Cfe
  • keybindingLabel.bottomBorder#10100Cfe
  • keybindingLabel.foreground#F4F4B4ce
  • keybindingTable.headerBackground#1d1d17fe
  • keybindingTable.rowsBackground#1d1d17fe
  • list.activeSelectionBackground#566D5686
  • list.activeSelectionForeground#D9DBE0ca
  • list.activeSelectionIconForeground#E0E0D9ca
  • list.deemphasizedForeground#F4F4B4ce
  • list.dropBackground#1d1d17fe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1d1d17fe
  • list.filterMatchBorder#10100Cfe
  • list.focusAndSelectionOutline#0B0D0C00
  • list.focusBackground#4E4E3F97
  • list.focusForeground#E04D8Cfe
  • list.focusHighlightForeground#8AB3FAfe
  • list.focusOutline#0D0D0B00
  • list.highlightForeground#DDD4DAca
  • list.hoverBackground#342929a5
  • list.hoverForeground#C32E6Efe
  • list.inactiveFocusBackground#34342999
  • list.inactiveFocusOutline#0D0B0B00
  • list.inactiveSelectionBackground#12120Eae
  • list.inactiveSelectionForeground#BFBFAD65
  • list.inactiveSelectionIconForeground#BFBFAE65
  • list.invalidItemForeground#F4F4B4ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1d1d17fe
  • listFilterWidget.noMatchesOutline#0D0D0B00
  • listFilterWidget.outline#0B0C0D00
  • listFilterWidget.shadow#0B0D0B00
  • menu.background#12120Efe
  • menu.border#0B0D0C00
  • menu.foreground#EFEFECae
  • menu.selectionBackground#5A4949a8
  • menu.selectionBorder#0D0D0B00
  • menu.selectionForeground#E25391fe
  • menu.separatorBackground#31312665
  • menubar.selectionBackground#5A4949a9
  • menubar.selectionBorder#0D0B0C00
  • menubar.selectionForeground#D73C7Efe
  • merge.border#10100Cfe
  • merge.commonContentBackground#1d1d17fe
  • merge.commonHeaderBackground#1d1d17fe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#123814fb
  • merge.incomingContentBackground#133814cb
  • merge.incomingHeaderBackground#123814fb
  • mergeEditor.change.background#1d1d17fe
  • mergeEditor.change.word.background#1d1d17fe
  • mergeEditor.changeBase.background#1d1d17fe
  • mergeEditor.changeBase.word.background#1d1d17fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#10100Cfe
  • mergeEditor.conflict.handledUnfocused.border#26261E26
  • mergeEditor.conflict.input1.background#10100Cfe
  • mergeEditor.conflict.input2.background#10100Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c4
  • mergeEditor.conflict.unhandledFocused.border#10100Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#26261E25
  • mergeEditor.conflictingLines.background#1d1d17fe
  • minimap.background#1d1d17fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#858569fe
  • minimapSlider.background#515140ae
  • minimapSlider.hoverBackground#5F5F4B6e
  • notebook.cellBorderColor#10100Cfe
  • notebook.cellEditorBackground#1d1d17fe
  • notebook.cellHoverBackground#1d1d17fe
  • notebook.cellInsertionIndicator#D5CACAca
  • notebook.cellStatusBarItemHoverBackground#1d1d17fe
  • notebook.cellToolbarSeparator#DDDDD4ca
  • notebook.editorBackground#1d1d17fe
  • notebook.focusedCellBackground#1d1d17fe
  • notebook.focusedCellBorder#C32E6Efe
  • notebook.focusedEditorBorder#10100Cfe
  • notebook.inactiveFocusedCellBorder#8585698e
  • notebook.inactiveSelectedCellBorder#8080658e
  • notebook.outputContainerBackgroundColor#1d1d17fe
  • notebook.outputContainerBorderColor#10100Cfe
  • notebook.selectedCellBackground#1d1d17fe
  • notebook.selectedCellBorder#10100Cfe
  • notebook.symbolHighlightBackground#1d1d17fe
  • notebookEditorOverviewRuler.runningCellForeground#F4F4B4ce
  • notebookScrollbarSlider.activeBackground#858569fe
  • notebookScrollbarSlider.background#555544ae
  • notebookScrollbarSlider.hoverBackground#5F5F4B6e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#CACABCfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#10100Cfe
  • notificationCenterHeader.background#1d1d17fe
  • notificationCenterHeader.foreground#F4F4B4ce
  • notificationLink.foreground#F4F4B4ce
  • notifications.background#1d1d17fe
  • notifications.border#10100Cfe
  • notifications.foreground#F4F4B4ce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#D5D5CAfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#10100Cfe
  • panel.background#1d1d17fe
  • panel.border#10100Cfe
  • panel.dropBorder#10100Cfe
  • panelInput.border#10100Cfe
  • panelSection.border#10100Cfe
  • panelSection.dropBackground#1d1d17fe
  • panelSectionHeader.background#1d1d17fe
  • panelSectionHeader.border#10100Cfe
  • panelSectionHeader.foreground#F4F4B4ce
  • panelTitle.activeBorder#0C0B0D00
  • panelTitle.activeForeground#FE8FBEfe
  • panelTitle.inactiveForeground#B6B64165
  • peekView.border#F182B1fe
  • peekViewEditor.background#10100Cfe
  • peekViewEditor.matchHighlightBackground#475A548a
  • peekViewEditor.matchHighlightBorder#0D0D0B00
  • peekViewEditorGutter.background#10100Cfe
  • peekViewEditorStickyScroll.background#1d1d17fe
  • peekViewResult.background#12120Efe
  • peekViewResult.fileForeground#F4F4B4ce
  • peekViewResult.lineForeground#F4F4B4ce
  • peekViewResult.matchHighlightBackground#5B48558c
  • peekViewResult.selectionBackground#475A478b
  • peekViewResult.selectionForeground#E0D9D9ca
  • peekViewTitle.background#12120Efe
  • peekViewTitleDescription.foreground#F4F4B4ce
  • peekViewTitleLabel.foreground#F4F4B4ce
  • pickerGroup.border#10100Cfe
  • pickerGroup.foreground#F4F4B4ce
  • ports.iconRunningProcessForeground#D4D7DDfe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#E25391fe
  • profileBadge.foreground#12120Efe
  • progressBar.background#1d1d17fe
  • quickInput.background#12120Efe
  • quickInput.foreground#F5F5B2ae
  • quickInputList.focusBackground#685361a3
  • quickInputList.focusForeground#C32E6Efe
  • quickInputList.focusIconForeground#DD4787fe
  • quickInputTitle.background#10100Cfe
  • sash.hoverBorder#10100Cfe
  • scrollbar.shadow#0C0B0D00
  • scrollbarSlider.activeBackground#7B7B62fe
  • scrollbarSlider.background#555544ae
  • scrollbarSlider.hoverBackground#6D6D566e
  • search.resultsInfoForeground#F4F4B4ce
  • searchEditor.findMatchBackground#504A5Eab
  • searchEditor.findMatchBorder#10100Cfe
  • searchEditor.textInputBorder#10100Cfe
  • selection.background#1d1d17fe
  • settings.checkboxBackground#10100Cfe
  • settings.checkboxBorder#10100Cfe
  • settings.checkboxForeground#F4F4B4ce
  • settings.dropdownBackground#10100Cfe
  • settings.dropdownBorder#10100Cfe
  • settings.dropdownForeground#F4F4B4ce
  • settings.dropdownListBorder#10100Cfe
  • settings.focusedRowBackground#4F634F88
  • settings.focusedRowBorder#10100Cfe
  • settings.headerBorder#10100Cfe
  • settings.headerForeground#F4F4B4ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#10100Cfe
  • settings.numberInputBorder#10100Cfe
  • settings.numberInputForeground#F4F4B4ce
  • settings.rowHoverBackground#1d1d17fe
  • settings.sashBorder#10100Cfe
  • settings.settingsHeaderHoverForeground#C32E6Efe
  • settings.textInputBackground#10100Cfe
  • settings.textInputBorder#10100Cfe
  • settings.textInputForeground#F4F4B4ce
  • sideBar.background#1d1d17fe
  • sideBar.border#10100Cfe
  • sideBar.dropBackground#1d1d17fe
  • sideBar.foreground#BFBFAEae
  • sideBarSectionHeader.background#0D0D0B00
  • sideBarSectionHeader.border#10100Cfe
  • sideBarSectionHeader.foreground#F4F4B4ce
  • sideBarTitle.foreground#F4F4B4ce
  • sideBySideEditor.horizontalBorder#10100Cfe
  • sideBySideEditor.verticalBorder#10100Cfe
  • simpleFindWidget.sashBorder#10100Cfe
  • statusBar.background#12120Efe
  • statusBar.border#10100Cfe
  • statusBar.debuggingBackground#5C005Cc2
  • statusBar.debuggingBorder#10100Cfe
  • statusBar.debuggingForeground#F4F4B4ce
  • statusBar.focusBorder#0B0D0B00
  • statusBar.foreground#BEBEAE6e
  • statusBar.noFolderBackground#12120Efe
  • statusBar.noFolderBorder#10100Cfe
  • statusBar.noFolderForeground#F4F4B4ce
  • statusBarItem.activeBackground#12120Efe
  • statusBarItem.compactHoverBackground#12120Efe
  • statusBarItem.errorBackground#5C005Caf
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5C005C9b
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0B0D0B00
  • statusBarItem.hoverBackground#12120Efe
  • statusBarItem.hoverForeground#D23075fe
  • statusBarItem.offlineBackground#12120Efe
  • statusBarItem.offlineForeground#F4F4B4ce
  • statusBarItem.offlineHoverBackground#12120Efe
  • statusBarItem.offlineHoverForeground#D5367Afe
  • statusBarItem.prominentBackground#12120Efe
  • statusBarItem.prominentForeground#F4F4B4ce
  • statusBarItem.prominentHoverBackground#12120Efe
  • statusBarItem.prominentHoverForeground#E55A95fe
  • statusBarItem.remoteBackground#CB2E71fe
  • statusBarItem.remoteForeground#12120Efe
  • statusBarItem.remoteHoverBackground#12120Efe
  • statusBarItem.remoteHoverForeground#D5367Afe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#C1BCCAfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#BCCAC5fe
  • symbolIcon.colorForeground#C5C1CEfe
  • symbolIcon.constantForeground#D1D1C6fe
  • symbolIcon.constructorForeground#D7D4DDfe
  • symbolIcon.enumeratorForeground#D9D9CFfe
  • symbolIcon.enumeratorMemberForeground#B3C2BDfe
  • symbolIcon.eventForeground#CFD2D9fe
  • symbolIcon.fieldForeground#D4D7DDfe
  • symbolIcon.fileForeground#CACABCfe
  • symbolIcon.folderForeground#C6D1CEfe
  • symbolIcon.functionForeground#C7BAC2fe
  • symbolIcon.interfaceForeground#DDD4DAfe
  • symbolIcon.keyForeground#C1C5CEfe
  • symbolIcon.keywordForeground#C1CEC1fe
  • symbolIcon.methodForeground#D9E0DEfe
  • symbolIcon.moduleForeground#B9BEC7fe
  • symbolIcon.namespaceForeground#C8BAC3fe
  • symbolIcon.nullForeground#B9BDC7fe
  • symbolIcon.numberForeground#CACABCfe
  • symbolIcon.objectForeground#CFD2D9fe
  • symbolIcon.operatorForeground#C2C2B3fe
  • symbolIcon.packageForeground#D4DDD4fe
  • symbolIcon.propertyForeground#BCCAC5fe
  • symbolIcon.referenceForeground#D4D7DDfe
  • symbolIcon.snippetForeground#D9CFCFfe
  • symbolIcon.stringForeground#CACED5fe
  • symbolIcon.structForeground#D9E0DEfe
  • symbolIcon.textForeground#CABCC5fe
  • symbolIcon.typeParameterForeground#B3C2B3fe
  • symbolIcon.unitForeground#BCC1CAfe
  • symbolIcon.variableForeground#CFD9CFfe
  • tab.activeBackground#141410fe
  • tab.activeBorder#0D0B0B00
  • tab.activeBorderTop#FE89BBfe
  • tab.activeForeground#F490BBfe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0D0B0C00
  • tab.hoverBackground#C9BABAae
  • tab.hoverBorder#10100Cfe
  • tab.hoverForeground#DD4787fe
  • tab.inactiveBackground#2B2B2291
  • tab.inactiveForeground#B0B09B65
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#10100Cfe
  • tab.unfocusedActiveBackground#21211A29
  • tab.unfocusedActiveBorder#0B0D0C00
  • tab.unfocusedActiveBorderTop#31312665
  • tab.unfocusedActiveForeground#B3B3A065
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#C0C0AF3c
  • tab.unfocusedHoverBorder#21211A36
  • tab.unfocusedHoverForeground#B0B09B65
  • tab.unfocusedInactiveBackground#2B2B2297
  • tab.unfocusedInactiveForeground#B6B64465
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • 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#6700679f
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeae
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1d1d17fe
  • terminal.border#10100Cfe
  • terminal.dropBackground#1d1d17fe
  • terminal.findMatchBackground#1d1d17fe
  • terminal.findMatchBorder#10100Cfe
  • terminal.findMatchHighlightBackground#1d1d17fe
  • terminal.findMatchHighlightBorder#10100Cfe
  • terminal.foreground#BFBFAEae
  • terminal.hoverHighlightBackground#1d1d17fe
  • terminal.inactiveSelectionBackground#39392D9a
  • terminal.selectionBackground#5B485586
  • terminal.selectionForeground#E0E0D9ca
  • terminal.tab.activeBorder#F289B6fe
  • terminalCommandDecoration.defaultBackground#BEBEAEab
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1d1d17fe
  • terminalCursor.foreground#DD4787fe
  • terminalOverviewRuler.cursorForeground#F4F4B4ce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c6
  • testing.iconUnset#808080b5
  • testing.message.error.decorationForeground#EEABC8fe
  • testing.message.error.lineBackground#5C005Cac
  • testing.message.info.decorationForeground#EEABC8fe
  • testing.message.info.lineBackground#0000AEfe
  • testing.peekBorder#10100Cfe
  • testing.peekHeaderBackground#1d1d17fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1d1d17fe
  • textBlockQuote.border#10100Cfe
  • textCodeBlock.background#1d1d17fe
  • textLink.activeForeground#C32E6Efe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#F4F4B4ce
  • textSeparator.foreground#F4F4B4ce
  • titleBar.activeBackground#12120Efe
  • titleBar.activeForeground#B6B66Cae
  • titleBar.border#0B0C0D00
  • titleBar.inactiveBackground#26261Edd
  • titleBar.inactiveForeground#B6B63F65
  • toolbar.activeBackground#551F1F8b
  • toolbar.hoverBackground#1d1d17fe
  • toolbar.hoverOutline#0C0B0D00
  • tree.inactiveIndentGuidesStroke#9D849435
  • tree.indentGuidesStroke#EFAAC7fe
  • tree.tableColumnsBorder#10100Cfe
  • tree.tableOddRowsBackground#1d1d17fe
  • walkThrough.embeddedEditorBackground#1d1d17fe
  • walkthrough.stepTitle.foreground#F4F4B4ce
  • welcomePage.background#1d1d17fe
  • welcomePage.progress.background#1d1d17fe
  • welcomePage.progress.foreground#F4F4B4ce
  • welcomePage.tileBackground#1d1d17fe
  • welcomePage.tileBorder#10100Cfe
  • welcomePage.tileHoverBackground#1d1d17fe
  • widget.border#10100Cfe
  • widget.shadow#0D0D0B00
  • window.activeBorder#10100Cfe
  • window.inactiveBorder#32321694

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#CBCB726e
comment.block.html#CBCB7B6e
comment.block.java#CBCB726e
comment.block.javadoc.java#CBCB7C6e
comment.block.powershell#CBCB766e
comment.block.xml#CBCB726e
comment.line.double-slash.c#CBCB766e
comment.line.double-slash.cpp#CBCB7C6e
comment.line.double-slash.java#CBCB766e
comment.line.double-slash.js#CBCB7B6e
comment.line.number-sign.makefile#CBCB7B6e
comment.line.number-sign.python#CBCB7C6e
comment.line.number-sign.yaml#CBCB766e
comment.line.percentage.erlang#CBCB766e
comment.line.powershell#CBCB766e
comment.source.cmake#CBCB7B6e
comment.source.cmakecache#CBCB7B6e
constant.character#0DDCDCde
constant.character.character-class.regexp#10E61Fde
constant.character.escape#0EE51Fde
constant.character.set.regexp#95A2EFde
constant.language#0CDBDBde
constant.numeric#10DBDBde
constant.numeric.dec.python#CD8EF1de
constant.other.caps.python#9ED711de
constant.other.character-class.regexp#0CDBDBde
constant.other.character-class.set.regexp#95A2F3de
constant.other.color.rgb-value#10DCDCde
constant.other.placeholder#9DD80Ede
constant.other.rgb-value#11DBDBde
constant.regexp#95A2F0de
constant.sha.git-rebase#10DBDBde
emphasis#F4B390de
entity.name.class#ED88B3de
entity.name.function#CD8DF2de
entity.name.function.preprocessor#FDB790de
entity.name.function.python#11DBDBde
entity.name.label#FEB790de
entity.name.namespace#F184B2de
entity.name.operator#9DD80Ade
entity.name.operator.custom-literal#DBA6F8de
entity.name.scope-resolution#0EE41Ede
entity.name.tag#9CD905de
entity.name.tag.css#FEABCFde
entity.name.type#11DBDBde
entity.name.variable#9ED810de
entity.other.attribute#FEB790de
entity.other.attribute-name#10E61Fde
entity.other.attribute-name.class.css#0EE41Ede
entity.other.attribute-name.class.mixin.css#10DCDCde
entity.other.attribute-name.id#ED9F74de
entity.other.attribute-name.id.css#A6B1F8de
entity.other.attribute-name.parent-selector.css#10DCDCde
entity.other.attribute-name.pseudo-class.css#D497F5de
entity.other.attribute-name.pseudo-element.css#F184B2de
entity.other.attribute-name.scss#94A2F3de
entity.other.document.begin.yaml#CBCB726e
entity.other.inherited-class#10E51Dde
header#11DCDCde
invalid#0EE41Ede
keyword#11DBDBde
keyword.codetag.notation.python#E3B5FEde
keyword.control#0EE41Ede
keyword.control.anchor.regexp#D497F5de
keyword.control.import.python#0EE41Ede
keyword.operator#F5B997de
keyword.operator.alignas#10E51Dde
keyword.operator.alignof#CD8EF0de
keyword.operator.cast#11DCDCde
keyword.operator.delete#10E620de
keyword.operator.documentation.powershell#CBCB766e
keyword.operator.expression#97A4F5de
keyword.operator.instanceof#95A2F2de
keyword.operator.logical.python#0EE51Fde
keyword.operator.minus.exponent#9FD812de
keyword.operator.negation.regexp#CD8EF1de
keyword.operator.new#9ED711de
keyword.operator.noexcept#95A2F4de
keyword.operator.or.regexp#11DCDCde
keyword.operator.plus.exponent#F5B997de
keyword.operator.quantifier.regexp#D090F4de
keyword.operator.sizeof#11DBDBde
keyword.operator.typeid#9ED90Ede
keyword.operator.wordlike#E3B5FEde
keyword.other.operator#FEB0D1de
keyword.other.package.java#E3B5FEde
keyword.other.unit#D090F4de
keyword.other.using#ED88B3de
markup.bold#97A4F5de
markup.changed#9EABF7de
markup.deleted#CC8EEFde
markup.fenced_code.block.markdown#9ED90Cde
markup.heading#9CD905de
markup.inline.raw#B4BFFEde
markup.inserted#EE87B3de
markup.italic#FEAFD1de
markup.raw.block.markdown#CD8EF0de
markup.strikethrough#0AE61Ade
markup.underline#ED9F74de
meta.block.c#A0D811de
meta.block.c#F9ADCEde
meta.class.java#EF86B3de
meta.definition.variable.name#0EDCDCde
meta.diff.header#9DD710de
meta.embedded#A0D811de
meta.embedded.assembly#F5B997de
meta.function-call.arguments.python#FEAFD1de
meta.function-call.python#FEAFD1de
meta.member.access.python#CD8DF2de
meta.method.java#D497F5de
meta.object-literal.key#FEABCFde
meta.paragraph.markdown#9FD811de
meta.preprocessor#0ADDDDde
meta.preprocessor.numeric#9ED90Dde
meta.preprocessor.string#A0D811de
meta.scope.prerequisites.makefile#F184B2de
meta.structure.dictionary.json.comments#CBCB7B6e
meta.structure.dictionary.key.python#10E51Fde
meta.structure.dictionary.value.json.comments#CBCB726e
meta.template.expression#E4B4FEde
meta.type.cast.expr#9ED711de
meta.type.new.expr#BAC3FEde
parameter#FEABCFde
punctuation.character.set.begin.regexp#0DE51Fde
punctuation.character.set.end.regexp#0EE51Fde
punctuation.definition.array.begin.json#0CDBDBde
punctuation.definition.character-class.regexp#9ED711de
punctuation.definition.comment#CBCB7C6e
punctuation.definition.comment.json.comments#CBCB7B6e
punctuation.definition.comment.python#CBCB7B6e
punctuation.definition.dictionary.begin.json#FEB791de
punctuation.definition.dictionary.end.json#ED9F74de
punctuation.definition.group.assertion.regexp#F289B6de
punctuation.definition.group.regexp#DBA6F8de
punctuation.definition.list.begin.json#0CE61Ade
punctuation.definition.list.begin.markdown#10E51Fde
punctuation.definition.list.begin.python#95A2F2de
punctuation.definition.list.end.json#F8A6C9de
punctuation.definition.list.end.markdown#95A2F3de
punctuation.definition.list.end.python#10E51Fde
punctuation.definition.parameters.begin.python#0FDBDBde
punctuation.definition.parameters.end.bracket.round.java#F5B997de
punctuation.definition.quote.begin.markdown#FEB791de
punctuation.definition.tag#10DBDBde
punctuation.definition.template-expression.begin#F085B3de
punctuation.definition.template-expression.end#ED88B3de
punctuation.section.class.begin.bracket.curly.java#11DCDCde
punctuation.section.embedded#9FD812de
punctuation.section.embedded.begin.php#FDB790de
punctuation.section.embedded.end.php#F289B6de
punctuation.terminator.java#9DD80Ede
source.cmake#F597BFde
source.coffee.embedded#10E620de
source.cpp#EF86B3de
source.css.less#9DD80Ede
source.groovy.embedded#9ED90Cde
source.java#9ED90Fde
source.java-properties#9ED711de
source.json.comments#CBCB726e
source.makefile#FEB0D1de
source.powershell#9ED90Cde
source.powershell.variable.other.member#CD8EF0de
source.python#B5BFFAde
storage#FEB791de
storage.modifier#9EABF7de
storage.modifier.import.java#F184B2de
storage.modifier.package.java#CE8DF2de
storage.type#9ED810de
storage.type.annotation.groovy#F289B6de
storage.type.annotation.java#A6B1F8de
storage.type.boolean.go#B4BFFEde
storage.type.byte.go#FEB0D1de
storage.type.cs#0DE51Fde
storage.type.error.go#D497F5de
storage.type.generic.cs#10E620de
storage.type.generic.groovy#E3B5FEde
storage.type.generic.java#FEB790de
storage.type.groovy#D79EF7de
storage.type.java#E4B5FEde
storage.type.modifier.cs#10E620de
storage.type.numeric.go#E1B5FAde
storage.type.object.array.groovy#E4B4FEde
storage.type.object.array.java#10E51Dde
storage.type.parameters.groovy#0EE51Fde
storage.type.primitive.array.groovy#EB9A6Dde
storage.type.primitive.array.java#0FE61Fde
storage.type.primitive.groovy#11DCDCde
storage.type.primitive.java#EF86B3de
storage.type.rune.go#0EDBDBde
storage.type.string.go#9ED90Ede
storage.type.token.java#11DBDBde
storage.type.uintptr.go#F184B2de
storage.type.variable.cs#EB9A6Dde
string#FEB790de
string.quoted.docstring.multi.python#CBCB766e
string.regexp#FEB790de
string.tag#11DCDCde
string.value#D090F4de
strong#EC87B3de
support.class#94A2F3de
support.constant.color#9DD80Ede
support.constant.dom#F490BBde
support.constant.font-name#9ED810de
support.constant.handlebars#FDB68Ede
support.constant.json#9DD80Ede
support.constant.math#FEB0D1de
support.constant.media#0EDCDCde
support.constant.media-type#E1B5FAde
support.constant.property-value#10E61Fde
support.function#A0D811de
support.function.git-rebase#E99567de
support.other.parenthesis.regexp#F597BFde
support.type#D090F4de
support.type.property-name#11DBDBde
support.type.vendored.property-name#ED88B3de
support.variable#FDB78Fde
token.debug-token#F4B390de
token.error-token#FEB0D1de
token.info-token#CD8EF1de
token.warn-token#10E51Dde
variable#10DCDCde
variable.css#BAC3FEde
variable.language#0ADDDDde
variable.language.wildcard.java#EFA47Bde
variable.other.constant#FDB78Fde
variable.other.definition.java#D79EF7de
variable.other.enummember#CC8FEEde
variable.other.less#F2AE89de
variable.other.object.java#D090F4de
variable.other.object.property.java#11DCDCde
variable.parameter.c#F79EC4de
variable.parameter.function.language.python#11DCDCde
variable.parameter.java#E3B5FEde
variable.scss#0DE51Fde