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#1B1B16fe
  • activityBar.activeBackground#1B1B16fe
  • activityBar.activeBorder#08CB56fe
  • activityBar.activeFocusBorder#45C94500
  • activityBar.background#11110Efe
  • activityBar.border#7DB3E900
  • activityBar.dropBorder#07CB55fe
  • activityBar.foreground#09CA55fe
  • activityBar.inactiveForeground#B6B62765
  • activityBarBadge.background#3FBF72fe
  • activityBarBadge.foreground#11110Efe
  • badge.background#0EB952fe
  • badge.foreground#11110Efe
  • banner.background#1B1B16fe
  • banner.foreground#F4F494ce
  • banner.iconForeground#B9BEC4fe
  • breadcrumb.activeSelectionForeground#CCD3CCca
  • breadcrumb.background#141410fe
  • breadcrumb.focusForeground#0EB952fe
  • breadcrumb.foreground#F4F48Cae
  • breadcrumbPicker.background#1B1B16fe
  • button.background#4A4A3Cae
  • button.border#0D0D0A00
  • button.foreground#F4F494ce
  • button.hoverBackground#4E4E40fe
  • button.secondaryBackground#1B1B16fe
  • button.secondaryForeground#F4F494ce
  • button.secondaryHoverBackground#1B1B16fe
  • button.separator#0C0A0B00
  • charts.blue#1b1bfffe
  • charts.foreground#F4F494ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0F0F0Cfe
  • chat.slashCommandBackground#1B1B16fe
  • chat.slashCommandForeground#F4F494ce
  • checkbox.background#0F0F0Cfe
  • checkbox.border#0F0F0Cfe
  • checkbox.foreground#F4F494ce
  • checkbox.selectBackground#0F0F0Cfe
  • checkbox.selectBorder#0F0F0Cfe
  • commandCenter.activeBackground#5B151587
  • commandCenter.activeBorder#0F0F0Cfe
  • commandCenter.activeForeground#0F9B47fe
  • commandCenter.background#1B1B16fe
  • commandCenter.border#0F0F0Cfe
  • commandCenter.foreground#F4F494ce
  • commandCenter.inactiveBorder#31310B94
  • commandCenter.inactiveForeground#AEAE9C65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0A0B00
  • contrastBorder#0C0A0B00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F4F494ce
  • debugConsole.sourceForeground#F4F494ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CFC7C7fe
  • debugExceptionWidget.background#6700679c
  • debugExceptionWidget.border#0F0F0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#D9DFDEfe
  • debugIcon.breakpointDisabledForeground#F1F1C265
  • debugIcon.breakpointForeground#D1D1C6fe
  • debugIcon.breakpointStackframeForeground#D8D5DBfe
  • debugIcon.breakpointUnverifiedForeground#F4EBFDfe
  • debugIcon.continueForeground#C7C2CCfe
  • debugIcon.disconnectForeground#B9C4C1fe
  • debugIcon.pauseForeground#C1C1B3fe
  • debugIcon.restartForeground#D4D0D7fe
  • debugIcon.startForeground#CFCCD3fe
  • debugIcon.stepBackForeground#FDEAEAfe
  • debugIcon.stepIntoForeground#CFC7C7fe
  • debugIcon.stepOutForeground#BEC8C5fe
  • debugIcon.stepOverForeground#E3DEDEfe
  • debugIcon.stopForeground#D5DBDAfe
  • debugTokenExpression.boolean#DBD5DAca
  • debugTokenExpression.error#D7D0D6ca
  • debugTokenExpression.name#D4D4CBca
  • debugTokenExpression.number#D4D0D7ca
  • debugTokenExpression.value#E0E0D9ca
  • debugToolBar.background#670067b9
  • debugToolBar.border#0F0F0Cfe
  • debugView.exceptionLabelBackground#44243Fca
  • debugView.exceptionLabelForeground#DFD9D9ca
  • debugView.stateLabelBackground#462525ca
  • debugView.stateLabelForeground#CCD3D1ca
  • debugView.valueChangedHighlight#DFD9D9ca
  • descriptionForeground#F4F494ce
  • diffEditor.border#0A0C0B00
  • diffEditor.diagonalFill#000000f3
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0A0C0B00
  • diffEditor.move.border#0A0C0B00
  • diffEditor.moveActive.border#0A0C0A00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0A0C0A00
  • diffEditor.unchangedCodeBackground#1B1B16fe
  • diffEditor.unchangedRegionBackground#1B1B16fe
  • diffEditor.unchangedRegionForeground#F4F494ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#BDBDAF65
  • dropdown.background#0F0F0Cfe
  • dropdown.border#0F0F0Cfe
  • dropdown.foreground#F4F494ce
  • dropdown.listBackground#0F0F0Cfe
  • editor.background#1B1B16fe
  • editor.findMatchBackground#485648ab
  • editor.findMatchBorder#0F0F0Cfe
  • editor.findMatchHighlightBackground#455145ac
  • editor.findMatchHighlightBorder#0F0F0Cfe
  • editor.findRangeHighlightBackground#564852a9
  • editor.findRangeHighlightBorder#0F0F0Cfe
  • editor.focusedStackFrameHighlightBackground#7F49748c
  • editor.foldBackground#F2F2AFad
  • editor.foreground#F4F494ce
  • editor.hoverHighlightBackground#7B53A4a2
  • editor.inactiveSelectionBackground#72723B95
  • editor.inlineValuesBackground#1B1B16fe
  • editor.inlineValuesForeground#F4F494ce
  • editor.lineHighlightBackground#37372Cb2
  • editor.lineHighlightBorder#0A0C0A00
  • editor.linkedEditingBackground#1B1B16fe
  • editor.rangeHighlightBackground#685864a3
  • editor.rangeHighlightBorder#0F0F0Cfe
  • editor.selectionBackground#747419aa
  • editor.selectionForeground#CCD3CCca
  • editor.selectionHighlightBackground#764A6A87
  • editor.selectionHighlightBorder#0F0F0Cfe
  • editor.snippetFinalTabstopHighlightBackground#45514Eae
  • editor.snippetFinalTabstopHighlightBorder#0F0F0Cfe
  • editor.snippetTabstopHighlightBackground#685864a4
  • editor.snippetTabstopHighlightBorder#0F0F0Cfe
  • editor.stackFrameHighlightBackground#585847a2
  • editor.symbolHighlightBackground#62485Da8
  • editor.symbolHighlightBorder#0F0F0Cfe
  • editor.wordHighlightBackground#484F56ae
  • editor.wordHighlightBorder#0D0D0A00
  • editor.wordHighlightStrongBackground#4E4E40a6
  • editor.wordHighlightStrongBorder#0D0D0A00
  • editor.wordHighlightTextBackground#507798a4
  • editor.wordHighlightTextBorder#0A0C0A00
  • editorBracketHighlight.foreground1#F7F7F5ce
  • editorBracketHighlight.foreground2#F7F7F5ce
  • editorBracketHighlight.foreground3#F7F7F5ce
  • editorBracketHighlight.foreground4#F7F7F5ce
  • editorBracketHighlight.foreground5#F7F7F5ce
  • editorBracketHighlight.foreground6#F7F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#F4F494ce
  • editorBracketMatch.background#F4E9FEae
  • editorBracketMatch.border#0F0F0Cfe
  • editorBracketPairGuide.activeBackground1#C6F9EC8b
  • editorBracketPairGuide.activeBackground2#CAFBCA8a
  • editorBracketPairGuide.activeBackground3#F5EBFE8b
  • editorBracketPairGuide.activeBackground4#F4E9FE81
  • editorBracketPairGuide.activeBackground5#E2F0FD8d
  • editorBracketPairGuide.activeBackground6#FEE8F986
  • editorBracketPairGuide.background1#47233Cfe
  • editorBracketPairGuide.background2#482525fe
  • editorBracketPairGuide.background3#3A2554fe
  • editorBracketPairGuide.background4#482525fe
  • editorBracketPairGuide.background5#22313Cfe
  • editorBracketPairGuide.background6#2E2E1Bfe
  • editorCodeLens.foreground#F1F1BF6e
  • editorCommentsWidget.rangeActiveBackground#F3F39Cfe
  • editorCommentsWidget.rangeBackground#1B1B16fe
  • editorCommentsWidget.resolvedBorder#0F0F0Cfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#1B1B16fe
  • editorCursor.foreground#0F9645fe
  • editorError.background#0A0C0A00
  • editorError.border#0A0B0C00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#1B1B16fe
  • editorGhostText.border#0A0C0A00
  • editorGhostText.foreground#F2F2BD6e
  • editorGroup.border#0F0F0Cfe
  • editorGroup.dropBackground#1B1B16fe
  • editorGroup.dropIntoPromptBackground#1B1B16fe
  • editorGroup.dropIntoPromptBorder#0F0F0Cfe
  • editorGroup.dropIntoPromptForeground#F4F494ce
  • editorGroup.emptyBackground#1B1B16fe
  • editorGroup.focusedEmptyBorder#0F0F0Cfe
  • editorGroupHeader.border#0C0A0B00
  • editorGroupHeader.noTabsBackground#11110Eae
  • editorGroupHeader.tabsBackground#1B1B16a1
  • editorGroupHeader.tabsBorder#0C0A0A00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#1B1B16fe
  • editorGutter.commentGlyphForeground#F4F494ce
  • editorGutter.commentRangeForeground#F4F494ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F4F494ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0D0A00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0F0F0Cfe
  • editorHoverWidget.border#0F0F0Cfe
  • editorHoverWidget.foreground#F4F494ce
  • editorHoverWidget.highlightForeground#DEE3E2ca
  • editorHoverWidget.statusBarBackground#1B1B16fe
  • editorIndentGuide.activeBackground1#F2F2B1fe
  • editorIndentGuide.activeBackground2#F2F2B1fe
  • editorIndentGuide.activeBackground3#F2F2B1fe
  • editorIndentGuide.activeBackground4#F2F2B1fe
  • editorIndentGuide.activeBackground5#F2F2B3fe
  • editorIndentGuide.activeBackground6#F2F2B3fe
  • editorIndentGuide.background1#8B9C8B35
  • editorIndentGuide.background2#8F98A035
  • editorIndentGuide.background3#99A89935
  • editorIndentGuide.background4#A099A835
  • editorIndentGuide.background5#A2B0A235
  • editorIndentGuide.background6#BCB0B035
  • editorInfo.background#0A0C0B00
  • editorInfo.border#0A0C0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#1B1B16fe
  • editorInlayHint.foreground#F4F494ce
  • editorInlayHint.parameterBackground#1B1B16fe
  • editorInlayHint.parameterForeground#F4F494ce
  • editorInlayHint.typeBackground#1B1B16fe
  • editorInlayHint.typeForeground#F4F494ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0EB752fe
  • editorLineNumber.dimmedForeground#F2F2BE6e
  • editorLineNumber.foreground#F1F1BE6e
  • editorLink.activeForeground#3FBF72fe
  • editorMarkerNavigation.background#0F0F0Cfe
  • editorMarkerNavigationError.background#670067b6
  • editorMarkerNavigationError.headerBackground#670067af
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1B1B16fe
  • editorOverviewRuler.border#313109fe
  • editorOverviewRuler.bracketMatchForeground#F4F494ce
  • editorOverviewRuler.commentForeground#F2F2BD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F4F494ce
  • editorOverviewRuler.currentContentForeground#cececea5
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D9DFD9ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DBD5D5ca
  • editorOverviewRuler.wordHighlightStrongForeground#F4F494ce
  • editorOverviewRuler.wordHighlightTextForeground#F4F494ce
  • editorPane.background#1B1B16fe
  • editorRuler.foreground#F3F39D3a
  • editorStickyScroll.background#1B1B16fe
  • editorStickyScroll.shadow#0B0A0C00
  • editorStickyScrollHover.background#313112fe
  • editorSuggestWidget.background#0F0F0Cfe
  • editorSuggestWidget.border#0C0A0B00
  • editorSuggestWidget.focusHighlightForeground#F887E5fe
  • editorSuggestWidget.foreground#CBC7CFfe
  • editorSuggestWidget.highlightForeground#E1DEE3ca
  • editorSuggestWidget.selectedBackground#5A4C578c
  • editorSuggestWidget.selectedForeground#D5DBDAca
  • editorSuggestWidget.selectedIconForeground#E3DEDEca
  • editorSuggestWidgetStatus.foreground#C4B9C1fe
  • editorUnicodeHighlight.background#505F50ae
  • editorUnicodeHighlight.border#0F0F0Cfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0B0C00
  • editorWarning.border#0B0A0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F4F494ce
  • editorWidget.background#0F0F0Cfe
  • editorWidget.border#0F0F0Cfe
  • editorWidget.foreground#F4F494ce
  • editorWidget.resizeBorder#0F0F0Cfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#0F9F49fe
  • extensionBadge.remoteForeground#11110Efe
  • extensionButton.background#31310Cae
  • extensionButton.foreground#F4F494ce
  • extensionButton.hoverBackground#313110fe
  • extensionButton.prominentBackground#1B1B16fe
  • extensionButton.prominentForeground#F4F494ce
  • extensionButton.prominentHoverBackground#1B1B16fe
  • extensionButton.separator#0B0A0C00
  • extensionIcon.preReleaseForeground#C2CCC9fe
  • extensionIcon.sponsorForeground#C1C1B3fe
  • extensionIcon.starForeground#D5DBD5fe
  • extensionIcon.verifiedForeground#D7D0D0fe
  • focusBorder#0A0C0B00
  • foreground#F4F494ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#F3F3ABae
  • inlineChat.background#43243Eca
  • inlineChat.border#44243Fca
  • inlineChat.regionHighlight#D5DBD5ca
  • inlineChat.shadow#DFD9DEca
  • inlineChatDiff.inserted#E3DEDEca
  • inlineChatDiff.removed#D3CCD1ca
  • inlineChatInput.background#D9DCDFca
  • inlineChatInput.border#22303Eca
  • inlineChatInput.focusBorder#0C0A0B00
  • inlineChatInput.placeholderForeground#D5D8DBca
  • input.background#0F0F0Cfe
  • input.border#0F0F0Cfe
  • input.foreground#F4F494ce
  • input.placeholderForeground#F1F1C865
  • inputOption.activeBackground#0F0F0Cfe
  • inputOption.activeBorder#0F0F0Cfe
  • inputOption.activeForeground#0F9B47fe
  • inputOption.hoverBackground#0F0F0Cfe
  • inputValidation.errorBackground#670067c8
  • inputValidation.errorBorder#670067c2
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0F0F0Cfe
  • inputValidation.infoForeground#F4F494ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0F0F0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0F0F0Cfe
  • interactive.inactiveCodeBorder#3131099a
  • keybindingLabel.background#1B1B16fe
  • keybindingLabel.border#0F0F0Cfe
  • keybindingLabel.bottomBorder#0F0F0Cfe
  • keybindingLabel.foreground#F4F494ce
  • keybindingTable.headerBackground#1B1B16fe
  • keybindingTable.rowsBackground#1B1B16fe
  • list.activeSelectionBackground#56485281
  • list.activeSelectionForeground#D7D0D0ca
  • list.activeSelectionIconForeground#D5D8DBca
  • list.deemphasizedForeground#F4F494ce
  • list.dropBackground#1B1B16fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#1B1B16fe
  • list.filterMatchBorder#0F0F0Cfe
  • list.focusAndSelectionOutline#0D0D0A00
  • list.focusBackground#59593596
  • list.focusForeground#0F9B46fe
  • list.focusHighlightForeground#6BB4FCfe
  • list.focusOutline#0A0B0C00
  • list.highlightForeground#E4E4DEca
  • list.hoverBackground#31310Cfe
  • list.hoverForeground#0F9645fe
  • list.inactiveFocusBackground#32322996
  • list.inactiveFocusOutline#0D0D0A00
  • list.inactiveSelectionBackground#11110Eae
  • list.inactiveSelectionForeground#F1F1C665
  • list.inactiveSelectionIconForeground#F1F1C265
  • list.invalidItemForeground#F4F494ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1B1B16fe
  • listFilterWidget.noMatchesOutline#0D0D0A00
  • listFilterWidget.outline#0A0C0A00
  • listFilterWidget.shadow#0C0A0A00
  • menu.background#11110Efe
  • menu.border#0C0A0A00
  • menu.foreground#F4F48Cae
  • menu.selectionBackground#74745Ea1
  • menu.selectionBorder#0A0B0C00
  • menu.selectionForeground#0F9B47fe
  • menu.separatorBackground#30301A65
  • menubar.selectionBackground#7B7B18a8
  • menubar.selectionBorder#0D0D0A00
  • menubar.selectionForeground#0FA049fe
  • merge.border#0F0F0Cfe
  • merge.commonContentBackground#1B1B16fe
  • merge.commonHeaderBackground#1B1B16fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#1B1B16fe
  • mergeEditor.change.word.background#1B1B16fe
  • mergeEditor.changeBase.background#1B1B16fe
  • mergeEditor.changeBase.word.background#1B1B16fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0F0F0Cfe
  • mergeEditor.conflict.handledUnfocused.border#1F1F1927
  • mergeEditor.conflict.input1.background#0F0F0Cfe
  • mergeEditor.conflict.input2.background#0F0F0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b7
  • mergeEditor.conflict.unhandledFocused.border#0F0F0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#1F1F1926
  • mergeEditor.conflictingLines.background#1B1B16fe
  • minimap.background#1B1B16fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#797962fe
  • minimapSlider.background#454538ae
  • minimapSlider.hoverBackground#6A6A57fe
  • notebook.cellBorderColor#0F0F0Cfe
  • notebook.cellEditorBackground#1B1B16fe
  • notebook.cellHoverBackground#1B1B16fe
  • notebook.cellInsertionIndicator#D5D8DBca
  • notebook.cellStatusBarItemHoverBackground#1B1B16fe
  • notebook.cellToolbarSeparator#D0D7D6ca
  • notebook.editorBackground#1B1B16fe
  • notebook.focusedCellBackground#1B1B16fe
  • notebook.focusedCellBorder#0F9B47fe
  • notebook.focusedEditorBorder#0F0F0Cfe
  • notebook.inactiveFocusedCellBorder#7979628e
  • notebook.inactiveSelectedCellBorder#74745E8e
  • notebook.outputContainerBackgroundColor#1B1B16fe
  • notebook.outputContainerBorderColor#0F0F0Cfe
  • notebook.selectedCellBackground#1B1B16fe
  • notebook.selectedCellBorder#0F0F0Cfe
  • notebook.symbolHighlightBackground#1B1B16fe
  • notebookEditorOverviewRuler.runningCellForeground#F4F494ce
  • notebookScrollbarSlider.activeBackground#7D7D66fe
  • notebookScrollbarSlider.background#535343ae
  • notebookScrollbarSlider.hoverBackground#454538fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#C7CFCDfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0F0F0Cfe
  • notificationCenterHeader.background#1B1B16fe
  • notificationCenterHeader.foreground#F4F494ce
  • notificationLink.foreground#F4F494ce
  • notifications.background#1B1B16fe
  • notifications.border#0F0F0Cfe
  • notifications.foreground#F4F494ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#D0D4D7fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0F0F0Cfe
  • panel.background#1B1B16fe
  • panel.border#0F0F0Cfe
  • panel.dropBorder#0F0F0Cfe
  • panelInput.border#0F0F0Cfe
  • panelSection.border#0F0F0Cfe
  • panelSection.dropBackground#1B1B16fe
  • panelSectionHeader.background#1B1B16fe
  • panelSectionHeader.border#0F0F0Cfe
  • panelSectionHeader.foreground#F4F494ce
  • panelTitle.activeBorder#0A0C0A00
  • panelTitle.activeForeground#09CA56fe
  • panelTitle.inactiveForeground#B6B62465
  • peekView.border#07CB57fe
  • peekViewEditor.background#0F0F0Cfe
  • peekViewEditor.matchHighlightBackground#3E585089
  • peekViewEditor.matchHighlightBorder#0B0A0C00
  • peekViewEditorGutter.background#0F0F0Cfe
  • peekViewEditorStickyScroll.background#1B1B16fe
  • peekViewResult.background#11110Efe
  • peekViewResult.fileForeground#F4F494ce
  • peekViewResult.lineForeground#F4F494ce
  • peekViewResult.matchHighlightBackground#79509C85
  • peekViewResult.selectionBackground#4551458d
  • peekViewResult.selectionForeground#DBD5DAca
  • peekViewTitle.background#11110Efe
  • peekViewTitleDescription.foreground#F4F494ce
  • peekViewTitleLabel.foreground#F4F494ce
  • pickerGroup.border#0F0F0Cfe
  • pickerGroup.foreground#F4F494ce
  • ports.iconRunningProcessForeground#D5DBD5fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0F9645fe
  • profileBadge.foreground#11110Efe
  • progressBar.background#1B1B16fe
  • quickInput.background#11110Efe
  • quickInput.foreground#EBEBE7ae
  • quickInputList.focusBackground#534C5Aa2
  • quickInputList.focusForeground#0F9B47fe
  • quickInputList.focusIconForeground#0F9B47fe
  • quickInputTitle.background#0F0F0Cfe
  • sash.hoverBorder#0F0F0Cfe
  • scrollbar.shadow#0C0A0A00
  • scrollbarSlider.activeBackground#6F6F5Afe
  • scrollbarSlider.background#454538ae
  • scrollbarSlider.hoverBackground#666653fe
  • search.resultsInfoForeground#F4F494ce
  • searchEditor.findMatchBackground#825050a7
  • searchEditor.findMatchBorder#0F0F0Cfe
  • searchEditor.textInputBorder#0F0F0Cfe
  • selection.background#1B1B16fe
  • settings.checkboxBackground#0F0F0Cfe
  • settings.checkboxBorder#0F0F0Cfe
  • settings.checkboxForeground#F4F494ce
  • settings.dropdownBackground#0F0F0Cfe
  • settings.dropdownBorder#0F0F0Cfe
  • settings.dropdownForeground#F4F494ce
  • settings.dropdownListBorder#0F0F0Cfe
  • settings.focusedRowBackground#4551458c
  • settings.focusedRowBorder#0F0F0Cfe
  • settings.headerBorder#0F0F0Cfe
  • settings.headerForeground#F4F494ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0F0F0Cfe
  • settings.numberInputBorder#0F0F0Cfe
  • settings.numberInputForeground#F4F494ce
  • settings.rowHoverBackground#1B1B16fe
  • settings.sashBorder#0F0F0Cfe
  • settings.settingsHeaderHoverForeground#3FBF72fe
  • settings.textInputBackground#0F0F0Cfe
  • settings.textInputBorder#0F0F0Cfe
  • settings.textInputForeground#F4F494ce
  • sideBar.background#1B1B16fe
  • sideBar.border#0F0F0Cfe
  • sideBar.dropBackground#1B1B16fe
  • sideBar.foreground#F3F3ABae
  • sideBarSectionHeader.background#0A0B0C00
  • sideBarSectionHeader.border#0F0F0Cfe
  • sideBarSectionHeader.foreground#F4F494ce
  • sideBarTitle.foreground#F4F494ce
  • sideBySideEditor.horizontalBorder#0F0F0Cfe
  • sideBySideEditor.verticalBorder#0F0F0Cfe
  • simpleFindWidget.sashBorder#0F0F0Cfe
  • statusBar.background#11110Efe
  • statusBar.border#0F0F0Cfe
  • statusBar.debuggingBackground#670067aa
  • statusBar.debuggingBorder#0F0F0Cfe
  • statusBar.debuggingForeground#F4F494ce
  • statusBar.focusBorder#0B0A0C00
  • statusBar.foreground#F1F1C06e
  • statusBar.noFolderBackground#11110Efe
  • statusBar.noFolderBorder#0F0F0Cfe
  • statusBar.noFolderForeground#F4F494ce
  • statusBarItem.activeBackground#11110Efe
  • statusBarItem.compactHoverBackground#11110Efe
  • statusBarItem.errorBackground#670067af
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067c3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0C0B00
  • statusBarItem.hoverBackground#11110Efe
  • statusBarItem.hoverForeground#3FBF72fe
  • statusBarItem.offlineBackground#11110Efe
  • statusBarItem.offlineForeground#F4F494ce
  • statusBarItem.offlineHoverBackground#11110Efe
  • statusBarItem.offlineHoverForeground#0EB952fe
  • statusBarItem.prominentBackground#11110Efe
  • statusBarItem.prominentForeground#F4F494ce
  • statusBarItem.prominentHoverBackground#11110Efe
  • statusBarItem.prominentHoverForeground#0EB952fe
  • statusBarItem.remoteBackground#0EB752fe
  • statusBarItem.remoteForeground#11110Efe
  • statusBarItem.remoteHoverBackground#11110Efe
  • statusBarItem.remoteHoverForeground#0EB752fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#D4D0D7fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#D9DFD9fe
  • symbolIcon.colorForeground#C2CCC9fe
  • symbolIcon.constantForeground#E4F0FCfe
  • symbolIcon.constructorForeground#C7CFC7fe
  • symbolIcon.enumeratorForeground#B9BEC4fe
  • symbolIcon.enumeratorMemberForeground#B9C4B9fe
  • symbolIcon.eventForeground#D0D4D7fe
  • symbolIcon.fieldForeground#D4D0D7fe
  • symbolIcon.fileForeground#C3BEC8fe
  • symbolIcon.folderForeground#C7C2CCfe
  • symbolIcon.functionForeground#C7CFC7fe
  • symbolIcon.interfaceForeground#B9BEC4fe
  • symbolIcon.keyForeground#BEC3C8fe
  • symbolIcon.keywordForeground#C2CCC9fe
  • symbolIcon.methodForeground#C7CFC7fe
  • symbolIcon.moduleForeground#E4F0FCfe
  • symbolIcon.namespaceForeground#E3DEDEfe
  • symbolIcon.nullForeground#D3CCCCfe
  • symbolIcon.numberForeground#D7D0D6fe
  • symbolIcon.objectForeground#C4B9C1fe
  • symbolIcon.operatorForeground#BEC8C5fe
  • symbolIcon.packageForeground#B9BEC4fe
  • symbolIcon.propertyForeground#C2C7CCfe
  • symbolIcon.referenceForeground#C7CBCFfe
  • symbolIcon.snippetForeground#C8BEBEfe
  • symbolIcon.stringForeground#DCDCD4fe
  • symbolIcon.structForeground#DFD9D9fe
  • symbolIcon.textForeground#DBD5DAfe
  • symbolIcon.typeParameterForeground#C8BEBEfe
  • symbolIcon.unitForeground#C5C5B8fe
  • symbolIcon.variableForeground#C8BEBEfe
  • tab.activeBackground#141410fe
  • tab.activeBorder#0D0D0A00
  • tab.activeBorderTop#09CA55fe
  • tab.activeForeground#0AC855fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0A0C0B00
  • tab.hoverBackground#F3F3AAfe
  • tab.hoverBorder#0F0F0Cfe
  • tab.hoverForeground#44C377fe
  • tab.inactiveBackground#31310992
  • tab.inactiveForeground#B6B62765
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0F0F0Cfe
  • tab.unfocusedActiveBackground#24241D39
  • tab.unfocusedActiveBorder#0C0A0A00
  • tab.unfocusedActiveBorderTop#2F2F1965
  • tab.unfocusedActiveForeground#B5B52265
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#F2F2ADfe
  • tab.unfocusedHoverBorder#1F1F1939
  • tab.unfocusedHoverForeground#B5B52265
  • tab.unfocusedInactiveBackground#2D2D2595
  • tab.unfocusedInactiveForeground#B3B32565
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ac
  • 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#670067a5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1B1B16fe
  • terminal.border#0F0F0Cfe
  • terminal.dropBackground#1B1B16fe
  • terminal.findMatchBackground#1B1B16fe
  • terminal.findMatchBorder#0F0F0Cfe
  • terminal.findMatchHighlightBackground#1B1B16fe
  • terminal.findMatchHighlightBorder#0F0F0Cfe
  • terminal.foreground#F3F3ABae
  • terminal.hoverHighlightBackground#1B1B16fe
  • terminal.inactiveSelectionBackground#37372C92
  • terminal.selectionBackground#974C8884
  • terminal.selectionForeground#DCD9DFca
  • terminal.tab.activeBorder#07CB57fe
  • terminalCommandDecoration.defaultBackground#FEE8E8ab
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1B1B16fe
  • terminalCursor.foreground#0F9F49fe
  • terminalOverviewRuler.cursorForeground#F4F494ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c1
  • testing.iconUnset#8080809a
  • testing.message.error.decorationForeground#C4FBDAfe
  • testing.message.error.lineBackground#670067a0
  • testing.message.info.decorationForeground#5BD68Cfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0F0F0Cfe
  • testing.peekHeaderBackground#1B1B16fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1B1B16fe
  • textBlockQuote.border#0F0F0Cfe
  • textCodeBlock.background#1B1B16fe
  • textLink.activeForeground#44C377fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F4F494ce
  • textSeparator.foreground#F4F494ce
  • titleBar.activeBackground#11110Efe
  • titleBar.activeForeground#B4B434ae
  • titleBar.border#0C0A0A00
  • titleBar.inactiveBackground#1F1F19da
  • titleBar.inactiveForeground#B6B62765
  • toolbar.activeBackground#430B7A85
  • toolbar.hoverBackground#1B1B16fe
  • toolbar.hoverOutline#0C0A0A00
  • tree.inactiveIndentGuidesStroke#8B9C8B35
  • tree.indentGuidesStroke#6BDF9Afe
  • tree.tableColumnsBorder#0F0F0Cfe
  • tree.tableOddRowsBackground#1B1B16fe
  • walkThrough.embeddedEditorBackground#1B1B16fe
  • walkthrough.stepTitle.foreground#F4F494ce
  • welcomePage.background#1B1B16fe
  • welcomePage.progress.background#1B1B16fe
  • welcomePage.progress.foreground#F4F494ce
  • welcomePage.tileBackground#1B1B16fe
  • welcomePage.tileBorder#0F0F0Cfe
  • welcomePage.tileHoverBackground#1B1B16fe
  • widget.border#0F0F0Cfe
  • widget.shadow#0C0A0A00
  • window.activeBorder#0F0F0Cfe
  • window.inactiveBorder#31310A9b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#ADAD356e
comment.block.html#C2C2346e
comment.block.java#C7C7346e
comment.block.javadoc.java#B2B2356e
comment.block.powershell#C4C4326e
comment.block.xml#B7B7366e
comment.line.double-slash.c#ADAD366e
comment.line.double-slash.cpp#BBBB326e
comment.line.double-slash.java#C4C4326e
comment.line.double-slash.js#C5C5356e
comment.line.number-sign.makefile#C5C5356e
comment.line.number-sign.python#ADAD366e
comment.line.number-sign.yaml#C9C9366e
comment.line.percentage.erlang#B6B6326e
comment.line.powershell#BBBB356e
comment.source.cmake#B6B6326e
comment.source.cmakecache#CBCB396e
constant.character#7CBDE7de
constant.character.character-class.regexp#59BF3Fde
constant.character.escape#5AC141de
constant.character.set.regexp#D9C161de
constant.language#5EC544de
constant.numeric#77B9E5de
constant.numeric.dec.python#60C748de
constant.other.caps.python#48C77Bde
constant.other.character-class.regexp#4DCB7Fde
constant.other.character-class.set.regexp#ED8BD9de
constant.other.color.rgb-value#EF9090de
constant.other.placeholder#AC9BF2de
constant.other.rgb-value#56D288de
constant.regexp#EF8F8Fde
constant.sha.git-rebase#B7A8F6de
emphasis#8BC6EDde
entity.name.class#F19797de
entity.name.function#BBACF6de
entity.name.function.preprocessor#D9B00Ade
entity.name.function.python#BFA53Fde
entity.name.label#5CC343de
entity.name.namespace#F7ADE8de
entity.name.operator#F7AEAEde
entity.name.operator.custom-literal#51CF83de
entity.name.scope-resolution#7DBDE7de
entity.name.tag#0BD15Ade
entity.name.tag.css#76B9E5de
entity.name.type#F09393de
entity.name.variable#ED8CDAde
entity.other.attribute#4DCB7Fde
entity.other.attribute-name#48C77Ade
entity.other.attribute-name.class.css#0AE060de
entity.other.attribute-name.class.mixin.css#D6BD5Bde
entity.other.attribute-name.id#46C679de
entity.other.attribute-name.id.css#BFA53Fde
entity.other.attribute-name.parent-selector.css#71B5E2de
entity.other.attribute-name.pseudo-class.css#BFA53Fde
entity.other.attribute-name.pseudo-element.css#EF90DBde
entity.other.attribute-name.scss#F5A4E4de
entity.other.document.begin.yaml#B7B7366e
entity.other.inherited-class#D7AE0Cde
header#4BCA7Dde
invalid#ED8989de
keyword#66CB4Dde
keyword.codetag.notation.python#36DD0Cde
keyword.control#DCC466de
keyword.control.anchor.regexp#32CB0Bde
keyword.control.import.python#D0B753de
keyword.operator#BBACF6de
keyword.operator.alignas#DDB30Ade
keyword.operator.alignof#36DD0Cde
keyword.operator.cast#6DB2E0de
keyword.operator.delete#30C30Cde
keyword.operator.documentation.powershell#CBCB356e
keyword.operator.expression#F6A9E7de
keyword.operator.instanceof#EF8F8Fde
keyword.operator.logical.python#F19898de
keyword.operator.minus.exponent#C3B5F8de
keyword.operator.negation.regexp#F29B9Bde
keyword.operator.new#EE8E8Ede
keyword.operator.noexcept#35D90Cde
keyword.operator.or.regexp#E7BB0Bde
keyword.operator.plus.exponent#7DBDE7de
keyword.operator.quantifier.regexp#6BB1DFde
keyword.operator.sizeof#7BBCE7de
keyword.operator.typeid#C7AD48de
keyword.operator.wordlike#CBB24Dde
keyword.other.operator#51CF83de
keyword.other.package.java#B1A0F4de
keyword.other.unit#F39CE1de
keyword.other.using#0AC053de
markup.bold#BCADF7de
markup.changed#F7ADADde
markup.deleted#F7AFAFde
markup.fenced_code.block.markdown#6DB2E0de
markup.heading#EC89D8de
markup.inline.raw#34D30Cde
markup.inserted#C3B5F8de
markup.italic#F3A0A0de
markup.raw.block.markdown#40C174de
markup.strikethrough#5CD68Dde
markup.underline#ECBE0Bde
meta.block.c#F6ABABde
meta.block.c#8AC5EDde
meta.class.java#BCAEF7de
meta.definition.variable.name#0CDD60de
meta.diff.header#73D65Bde
meta.embedded#7ABCE7de
meta.embedded.assembly#EA83D5de
meta.function-call.arguments.python#F298DFde
meta.function-call.python#F5A7E6de
meta.member.access.python#E0B60Cde
meta.method.java#94CBF0de
meta.object-literal.key#6ACF51de
meta.paragraph.markdown#BFA53Fde
meta.preprocessor#8FC8EFde
meta.preprocessor.numeric#CBA30Bde
meta.preprocessor.string#0CD25Bde
meta.scope.prerequisites.makefile#F7ACACde
meta.structure.dictionary.json.comments#ADAD366e
meta.structure.dictionary.key.python#C7AD47de
meta.structure.dictionary.value.json.comments#CBCB396e
meta.template.expression#EF9191de
meta.type.cast.expr#8EC7EEde
meta.type.new.expr#F8B2B2de
parameter#F4A3A3de
punctuation.character.set.begin.regexp#78D960de
punctuation.character.set.end.regexp#DCC466de
punctuation.definition.array.begin.json#AD9CF3de
punctuation.definition.character-class.regexp#0BD95Dde
punctuation.definition.comment#AFAF346e
punctuation.definition.comment.json.comments#C4C4326e
punctuation.definition.comment.python#C9C9366e
punctuation.definition.dictionary.begin.json#F29B9Bde
punctuation.definition.dictionary.end.json#F39CE2de
punctuation.definition.group.assertion.regexp#C8BBF9de
punctuation.definition.group.regexp#DFB509de
punctuation.definition.list.begin.json#F298DFde
punctuation.definition.list.begin.markdown#EF91DDde
punctuation.definition.list.begin.python#76B8E4de
punctuation.definition.list.end.json#7FBFE9de
punctuation.definition.list.end.markdown#7EBEE8de
punctuation.definition.list.end.python#83C1EAde
punctuation.definition.parameters.begin.python#C5B8F9de
punctuation.definition.parameters.end.bracket.round.java#CCA40Ade
punctuation.definition.quote.begin.markdown#71C5FDde
punctuation.definition.tag#6DB2E0de
punctuation.definition.template-expression.begin#DCC466de
punctuation.definition.template-expression.end#F09595de
punctuation.section.class.begin.bracket.curly.java#C7AE48de
punctuation.section.embedded#F4A2A2de
punctuation.section.embedded.begin.php#F197DFde
punctuation.section.embedded.end.php#0BCE58de
punctuation.terminator.java#D9C161de
source.cmake#EB86D7de
source.coffee.embedded#F6A9E6de
source.cpp#0CD05Cde
source.css.less#C7AD48de
source.groovy.embedded#F29B9Bde
source.java#E9BB0Bde
source.java-properties#4EB6FBde
source.json.comments#CBCB356e
source.makefile#6FD256de
source.powershell#0ACC57de
source.powershell.variable.other.member#C7AE48de
source.python#F5A4E5de
storage#3FBF72de
storage.modifier#5BD68Bde
storage.modifier.import.java#71B5E2de
storage.modifier.package.java#ED8AD9de
storage.type#61BFFCde
storage.type.annotation.groovy#C3B6F8de
storage.type.annotation.java#BEB0F7de
storage.type.boolean.go#8AC6EDde
storage.type.byte.go#DAB00Cde
storage.type.cs#AE9DF2de
storage.type.error.go#84C2EAde
storage.type.generic.cs#F6A9A9de
storage.type.generic.groovy#64CA4Bde
storage.type.generic.java#52CF83de
storage.type.groovy#6BB1DFde
storage.type.java#0DCB59de
storage.type.modifier.cs#F6A8A8de
storage.type.numeric.go#F39E9Ede
storage.type.object.array.groovy#56D288de
storage.type.object.array.java#34D30Cde
storage.type.parameters.groovy#77B9E5de
storage.type.primitive.array.groovy#0ACC58de
storage.type.primitive.array.java#F09393de
storage.type.primitive.groovy#BEAFF7de
storage.type.primitive.java#5BD58Bde
storage.type.rune.go#7ABCE7de
storage.type.string.go#DAB10Cde
storage.type.token.java#F7ADADde
storage.type.uintptr.go#F199E0de
storage.type.variable.cs#34D90Cde
string#EA83D5de
string.quoted.docstring.multi.python#ADAD326e
string.regexp#0CD25Bde
string.tag#ED8B8Bde
string.value#F19797de
strong#B9AAF6de
support.class#B4A4F5de
support.constant.color#EE8F8Fde
support.constant.dom#C7AE48de
support.constant.font-name#5DC344de
support.constant.handlebars#D3A90Bde
support.constant.json#6ACF51de
support.constant.math#D5AD0Ade
support.constant.media#F7B0B0de
support.constant.media-type#34DD0Cde
support.constant.property-value#F7AEAEde
support.function#DAC261de
support.function.git-rebase#B3A2F4de
support.other.parenthesis.regexp#61C848de
support.type#09C654de
support.type.property-name#F19999de
support.type.vendored.property-name#0AD85Dde
support.variable#74D65Bde
token.debug-token#7BBBE7de
token.error-token#71B5E2de
token.info-token#57BB3Fde
token.warn-token#3DADFAde
variable#F39D9Dde
variable.css#F3A0A0de
variable.language#34E309de
variable.language.wildcard.java#0BC254de
variable.other.constant#6AB1DFde
variable.other.definition.java#F19898de
variable.other.enummember#F6ABABde
variable.other.less#C1B3F8de
variable.other.object.java#E9BD0Ade
variable.other.object.property.java#B9A9F6de
variable.parameter.c#45C477de
variable.parameter.function.language.python#38E10Cde
variable.parameter.java#F6ABE7de
variable.scss#AA99F1de