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#161616fe
  • activityBar.activeBackground#161616fe
  • activityBar.activeBorder#C80B0Bfe
  • activityBar.activeFocusBorder#30705000
  • activityBar.background#0E0E0Efe
  • activityBar.border#35689A00
  • activityBar.dropBorder#C80B0Bfe
  • activityBar.foreground#CA0D0Dfe
  • activityBar.inactiveForeground#A8A8A865
  • activityBarBadge.background#BA4747fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#D26060fe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#B8B8B8ce
  • banner.iconForeground#CBC6BBfe
  • breadcrumb.activeSelectionForeground#DCDCDCca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#D66565fe
  • breadcrumb.foreground#B7B7B7ae
  • breadcrumbPicker.background#161616fe
  • button.background#454545ae
  • button.border#0E0D0A00
  • button.foreground#B8B8B8ce
  • button.hoverBackground#2727276e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#B8B8B8ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0B0E0A00
  • charts.blue#1b1bfffe
  • charts.foreground#B8B8B8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C0Cfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#B8B8B8ce
  • checkbox.background#0C0C0Cfe
  • checkbox.border#0C0C0Cfe
  • checkbox.foreground#B8B8B8ce
  • checkbox.selectBackground#0C0C0Cfe
  • checkbox.selectBorder#0C0C0Cfe
  • commandCenter.activeBackground#1B321283
  • commandCenter.activeBorder#0C0C0Cfe
  • commandCenter.activeForeground#BA4747fe
  • commandCenter.background#161616fe
  • commandCenter.border#0C0C0Cfe
  • commandCenter.foreground#B8B8B8ce
  • commandCenter.inactiveBorder#2B2B2B9d
  • commandCenter.inactiveForeground#63636365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0A0E00
  • contrastBorder#0A0A0A00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B8B8B8ce
  • debugConsole.sourceForeground#B8B8B8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E5DDE4fe
  • debugExceptionWidget.background#550055bc
  • debugExceptionWidget.border#0C0C0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#DCDCDCfe
  • debugIcon.breakpointDisabledForeground#B7B7B765
  • debugIcon.breakpointForeground#C2C2C2fe
  • debugIcon.breakpointStackframeForeground#D6D2C9fe
  • debugIcon.breakpointUnverifiedForeground#D8DDE1fe
  • debugIcon.continueForeground#D8DDE1fe
  • debugIcon.disconnectForeground#DEDDE5fe
  • debugIcon.pauseForeground#C7B6C5fe
  • debugIcon.restartForeground#E5DDE4fe
  • debugIcon.startForeground#E5DDE4fe
  • debugIcon.stepBackForeground#E2E1E8fe
  • debugIcon.stepIntoForeground#D8DDE1fe
  • debugIcon.stepOutForeground#D6C9D4fe
  • debugIcon.stepOverForeground#E5E5E5fe
  • debugIcon.stopForeground#BBC7B6fe
  • debugTokenExpression.boolean#E2E1E8ca
  • debugTokenExpression.error#D0CEDAca
  • debugTokenExpression.name#E1DED8ca
  • debugTokenExpression.number#E5E5E5ca
  • debugTokenExpression.value#C9D1D6ca
  • debugToolBar.background#550055c7
  • debugToolBar.border#0C0C0Cfe
  • debugView.exceptionLabelBackground#1A3124ca
  • debugView.exceptionLabelForeground#D9D8E1ca
  • debugView.stateLabelBackground#2B2B2Bca
  • debugView.stateLabelForeground#E5DDE4ca
  • debugView.valueChangedHighlight#D3D3D3ca
  • descriptionForeground#B8B8B8ce
  • diffEditor.border#0B0E0A00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00350031
  • diffEditor.insertedTextBackground#0C330Efb
  • diffEditor.insertedTextBorder#0A0E0C00
  • diffEditor.move.border#0A0E0C00
  • diffEditor.moveActive.border#0A0A0A00
  • diffEditor.removedLineBackground#62000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0A0C0E00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#B8B8B8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7B765
  • dropdown.background#0C0C0Cfe
  • dropdown.border#0C0C0Cfe
  • dropdown.foreground#B8B8B8ce
  • dropdown.listBackground#0C0C0Cfe
  • editor.background#161616fe
  • editor.findMatchBackground#654C61a5
  • editor.findMatchBorder#0C0C0Cfe
  • editor.findMatchHighlightBackground#3E4D38aa
  • editor.findMatchHighlightBorder#0C0C0Cfe
  • editor.findRangeHighlightBackground#5B4558a1
  • editor.findRangeHighlightBorder#0C0C0Cfe
  • editor.focusedStackFrameHighlightBackground#3F4D3A86
  • editor.foldBackground#84C969a2
  • editor.foreground#B8B8B8ce
  • editor.hoverHighlightBackground#505F6Aab
  • editor.inactiveSelectionBackground#4A4A4A98
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#B8B8B8ce
  • editor.lineHighlightBackground#2F2F2Fb3
  • editor.lineHighlightBorder#0B0A0E00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#5B5773a4
  • editor.rangeHighlightBorder#0C0C0Cfe
  • editor.selectionBackground#6B6687ab
  • editor.selectionForeground#DDE1E5ca
  • editor.selectionHighlightBackground#3C4C5883
  • editor.selectionHighlightBorder#0C0C0Cfe
  • editor.snippetFinalTabstopHighlightBackground#5F7357a2
  • editor.snippetFinalTabstopHighlightBorder#0C0C0Cfe
  • editor.snippetTabstopHighlightBackground#43523Eaa
  • editor.snippetTabstopHighlightBorder#0C0C0Cfe
  • editor.stackFrameHighlightBackground#5D4158a3
  • editor.symbolHighlightBackground#5B4257ab
  • editor.symbolHighlightBorder#0C0C0Cfe
  • editor.wordHighlightBackground#5B6F54ac
  • editor.wordHighlightBorder#0E0A0D00
  • editor.wordHighlightStrongBackground#45525Ba7
  • editor.wordHighlightStrongBorder#0B0A0E00
  • editor.wordHighlightTextBackground#6F546Ba1
  • editor.wordHighlightTextBorder#0A0E0C00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#B8B8B8ce
  • editorBracketMatch.background#80CB62a6
  • editorBracketMatch.border#0C0C0Cfe
  • editorBracketPairGuide.activeBackground1#89C87087
  • editorBracketPairGuide.activeBackground2#BCB1F687
  • editorBracketPairGuide.activeBackground3#B9AFF386
  • editorBracketPairGuide.activeBackground4#8BBEE48c
  • editorBracketPairGuide.activeBackground5#D1B4738b
  • editorBracketPairGuide.activeBackground6#8EBEE485
  • editorBracketPairGuide.background1#2C2653fe
  • editorBracketPairGuide.background2#342B1Cfe
  • editorBracketPairGuide.background3#431F3Ffe
  • editorBracketPairGuide.background4#1E2D38fe
  • editorBracketPairGuide.background5#41203Bfe
  • editorBracketPairGuide.background6#1D2F3Cfe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0C0C0Cfe
  • editorCommentsWidget.unresolvedBorder#610000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#C24F4Ffe
  • editorError.background#0E0D0A00
  • editorError.border#0A0E0C00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0B0E0A00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0C0C0Cfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0C0C0Cfe
  • editorGroup.dropIntoPromptForeground#B8B8B8ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0C0C0Cfe
  • editorGroupHeader.border#0E0A0D00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#1A1A1Aa1
  • editorGroupHeader.tabsBorder#0B0A0E00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#B8B8B8ce
  • editorGutter.commentRangeForeground#B8B8B8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B8B8B8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0E0A00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C0Cfe
  • editorHoverWidget.border#0C0C0Cfe
  • editorHoverWidget.foreground#B8B8B8ce
  • editorHoverWidget.highlightForeground#DDD3DCca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#B8B8B8fe
  • editorIndentGuide.activeBackground2#B7B7B7fe
  • editorIndentGuide.activeBackground3#B7B7B7fe
  • editorIndentGuide.activeBackground4#B7B7B7fe
  • editorIndentGuide.activeBackground5#B8B8B8fe
  • editorIndentGuide.activeBackground6#B8B8B8fe
  • editorIndentGuide.background1#9BAE9435
  • editorIndentGuide.background2#B9A3B635
  • editorIndentGuide.background3#A7B3BC35
  • editorIndentGuide.background4#B199AE35
  • editorIndentGuide.background5#9C99B135
  • editorIndentGuide.background6#B1AA9935
  • editorInfo.background#0B0A0E00
  • editorInfo.border#0A0E0C00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#B8B8B8ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#B8B8B8ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#B8B8B8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#D66565fe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#D66565fe
  • editorMarkerNavigation.background#0C0C0Cfe
  • editorMarkerNavigationError.background#550055c2
  • editorMarkerNavigationError.headerBackground#550055c5
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#342B00fe
  • editorMarkerNavigationWarning.headerBackground#342B00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#B8B8B8ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B8B8B8ce
  • editorOverviewRuler.currentContentForeground#cececec3
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E1E8E4ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DCDCDCca
  • editorOverviewRuler.wordHighlightStrongForeground#B8B8B8ce
  • editorOverviewRuler.wordHighlightTextForeground#B8B8B8ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B8B8B83b
  • editorStickyScroll.background#161616fe
  • editorStickyScroll.shadow#0A0E0C00
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0C0C0Cfe
  • editorSuggestWidget.border#0A0A0A00
  • editorSuggestWidget.focusHighlightForeground#646464fe
  • editorSuggestWidget.foreground#CFCFCFfe
  • editorSuggestWidget.highlightForeground#DACED8ca
  • editorSuggestWidget.selectedBackground#5B42578a
  • editorSuggestWidget.selectedForeground#E1E8E4ca
  • editorSuggestWidget.selectedIconForeground#D4D3DDca
  • editorSuggestWidgetStatus.foreground#DDD3DCfe
  • editorUnicodeHighlight.background#546F5Fa8
  • editorUnicodeHighlight.border#0C0C0Cfe
  • editorUnnecessaryCode.border#332A00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0C00
  • editorWarning.border#0A0C0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B8B8B8ce
  • editorWidget.background#0C0C0Cfe
  • editorWidget.border#0C0C0Cfe
  • editorWidget.foreground#B8B8B8ce
  • editorWidget.resizeBorder#0C0C0Cfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#CF5C5Cfe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#B8B8B8ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#B8B8B8ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0E0D0A00
  • extensionIcon.preReleaseForeground#CBC9D6fe
  • extensionIcon.sponsorForeground#D6C9D4fe
  • extensionIcon.starForeground#C2C2C2fe
  • extensionIcon.verifiedForeground#D3D3D3fe
  • focusBorder#0A0E0C00
  • foreground#B8B8B8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B8B8B8ae
  • inlineChat.background#43213Fca
  • inlineChat.border#42223Dca
  • inlineChat.regionHighlight#DACED8ca
  • inlineChat.shadow#DAE1D8ca
  • inlineChatDiff.inserted#D1DACEca
  • inlineChatDiff.removed#DFE5DDca
  • inlineChatInput.background#E5DDE4ca
  • inlineChatInput.border#1B3023ca
  • inlineChatInput.focusBorder#0E0D0A00
  • inlineChatInput.placeholderForeground#E8E6E1ca
  • input.background#0C0C0Cfe
  • input.border#0C0C0Cfe
  • input.foreground#B8B8B8ce
  • input.placeholderForeground#B9B9B965
  • inputOption.activeBackground#0C0C0Cfe
  • inputOption.activeBorder#0C0C0Cfe
  • inputOption.activeForeground#BE4B4Bfe
  • inputOption.hoverBackground#0C0C0Cfe
  • inputValidation.errorBackground#6700679a
  • inputValidation.errorBorder#5500559e
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C0Cfe
  • inputValidation.infoForeground#B8B8B8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C0Cfe
  • interactive.inactiveCodeBorder#2D2D2D9a
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0C0C0Cfe
  • keybindingLabel.bottomBorder#0C0C0Cfe
  • keybindingLabel.foreground#B8B8B8ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#3E52468a
  • list.activeSelectionForeground#E3E8E1ca
  • list.activeSelectionIconForeground#E8E1E7ca
  • list.deemphasizedForeground#B8B8B8ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0C0C0Cfe
  • list.focusAndSelectionOutline#0B0E0A00
  • list.focusBackground#49494996
  • list.focusForeground#CF5C5Cfe
  • list.focusHighlightForeground#636363fe
  • list.focusOutline#0E0A0D00
  • list.highlightForeground#D4D3DDca
  • list.hoverBackground#2D2D2D6e
  • list.hoverForeground#BA4747fe
  • list.inactiveFocusBackground#2B2B2B96
  • list.inactiveFocusOutline#0B0E0A00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B7B7B765
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#B8B8B8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0A0E0C00
  • listFilterWidget.outline#0B0A0E00
  • listFilterWidget.shadow#0E0D0A00
  • menu.background#0E0E0Efe
  • menu.border#0E0D0A00
  • menu.foreground#E9E9E9ae
  • menu.selectionBackground#504C65ad
  • menu.selectionBorder#0A0E0C00
  • menu.selectionForeground#C75353fe
  • menu.separatorBackground#2C2C2C65
  • menubar.selectionBackground#736B57a7
  • menubar.selectionBorder#0E0D0A00
  • menubar.selectionForeground#D96A6Afe
  • merge.border#0C0C0Cfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00350031
  • merge.currentHeaderBackground#0C330Efb
  • merge.incomingContentBackground#103412cb
  • merge.incomingHeaderBackground#0C330Efb
  • mergeEditor.change.background#161616fe
  • mergeEditor.change.word.background#161616fe
  • mergeEditor.changeBase.background#161616fe
  • mergeEditor.changeBase.word.background#161616fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.handledUnfocused.border#1E1E1E31
  • mergeEditor.conflict.input1.background#0C0C0Cfe
  • mergeEditor.conflict.input2.background#0C0C0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a7
  • mergeEditor.conflict.unhandledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#1E1E1E27
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#747474fe
  • minimapSlider.background#3C3C3Cae
  • minimapSlider.hoverBackground#2B2B2B6e
  • notebook.cellBorderColor#0C0C0Cfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#E5E5E5ca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#DDE5E0ca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#D66565fe
  • notebook.focusedEditorBorder#0C0C0Cfe
  • notebook.inactiveFocusedCellBorder#6C6C6C8e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0C0C0Cfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0C0C0Cfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#B8B8B8ce
  • notebookScrollbarSlider.activeBackground#797979fe
  • notebookScrollbarSlider.background#494949ae
  • notebookScrollbarSlider.hoverBackground#2727276e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#C4CCD2fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C0Cfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#B8B8B8ce
  • notificationLink.foreground#B8B8B8ce
  • notifications.background#161616fe
  • notifications.border#0C0C0Cfe
  • notifications.foreground#B8B8B8ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#DEDDE5fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C0Cfe
  • panel.background#161616fe
  • panel.border#0C0C0Cfe
  • panel.dropBorder#0C0C0Cfe
  • panelInput.border#0C0C0Cfe
  • panelSection.border#0C0C0Cfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0C0C0Cfe
  • panelSectionHeader.foreground#B8B8B8ce
  • panelTitle.activeBorder#0B0A0E00
  • panelTitle.activeForeground#ED9191fe
  • panelTitle.inactiveForeground#63636365
  • peekView.border#C90B0Bfe
  • peekViewEditor.background#0C0C0Cfe
  • peekViewEditor.matchHighlightBackground#5B554586
  • peekViewEditor.matchHighlightBorder#0A0A0A00
  • peekViewEditorGutter.background#0C0C0Cfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#B8B8B8ce
  • peekViewResult.lineForeground#B8B8B8ce
  • peekViewResult.matchHighlightBackground#73576F8c
  • peekViewResult.selectionBackground#54506A87
  • peekViewResult.selectionForeground#E5E5E5ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#B8B8B8ce
  • peekViewTitleLabel.foreground#B8B8B8ce
  • pickerGroup.border#0C0C0Cfe
  • pickerGroup.foreground#B8B8B8ce
  • ports.iconRunningProcessForeground#D8D8D8fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#C75353fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#B7B7B7ae
  • quickInputList.focusBackground#565656a6
  • quickInputList.focusForeground#D66565fe
  • quickInputList.focusIconForeground#CB5757fe
  • quickInputTitle.background#0C0C0Cfe
  • sash.hoverBorder#0C0C0Cfe
  • scrollbar.shadow#0E0A0D00
  • scrollbarSlider.activeBackground#676767fe
  • scrollbarSlider.background#4E4E4Eae
  • scrollbarSlider.hoverBackground#2F2F2F6e
  • search.resultsInfoForeground#B8B8B8ce
  • searchEditor.findMatchBackground#60495Dac
  • searchEditor.findMatchBorder#0C0C0Cfe
  • searchEditor.textInputBorder#0C0C0Cfe
  • selection.background#161616fe
  • settings.checkboxBackground#0C0C0Cfe
  • settings.checkboxBorder#0C0C0Cfe
  • settings.checkboxForeground#B8B8B8ce
  • settings.dropdownBackground#0C0C0Cfe
  • settings.dropdownBorder#0C0C0Cfe
  • settings.dropdownForeground#B8B8B8ce
  • settings.dropdownListBorder#0C0C0Cfe
  • settings.focusedRowBackground#524C3E8c
  • settings.focusedRowBorder#0C0C0Cfe
  • settings.headerBorder#0C0C0Cfe
  • settings.headerForeground#B8B8B8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C0Cfe
  • settings.numberInputBorder#0C0C0Cfe
  • settings.numberInputForeground#B8B8B8ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0C0C0Cfe
  • settings.settingsHeaderHoverForeground#CB5757fe
  • settings.textInputBackground#0C0C0Cfe
  • settings.textInputBorder#0C0C0Cfe
  • settings.textInputForeground#B8B8B8ce
  • sideBar.background#161616fe
  • sideBar.border#0C0C0Cfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#0A0E0C00
  • sideBarSectionHeader.border#0C0C0Cfe
  • sideBarSectionHeader.foreground#B8B8B8ce
  • sideBarTitle.foreground#B8B8B8ce
  • sideBySideEditor.horizontalBorder#0C0C0Cfe
  • sideBySideEditor.verticalBorder#0C0C0Cfe
  • simpleFindWidget.sashBorder#0C0C0Cfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0C0C0Cfe
  • statusBar.debuggingBackground#550055b3
  • statusBar.debuggingBorder#0C0C0Cfe
  • statusBar.debuggingForeground#B8B8B8ce
  • statusBar.focusBorder#0A0E0C00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0C0C0Cfe
  • statusBar.noFolderForeground#B8B8B8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055c9
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#550055bb
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0B0E0A00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#D96A6Afe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#B8B8B8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#CF5C5Cfe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#B8B8B8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#CF5C5Cfe
  • statusBarItem.remoteBackground#BA4747fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#D66565fe
  • statusBarItem.warningBackground#342B00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#342B00fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#E8E6E1fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#DDDAD3fe
  • symbolIcon.colorForeground#D6DDD3fe
  • symbolIcon.constantForeground#D8DDE1fe
  • symbolIcon.constructorForeground#D4D3DDfe
  • symbolIcon.enumeratorForeground#DDDAD3fe
  • symbolIcon.enumeratorMemberForeground#E5E5E5fe
  • symbolIcon.eventForeground#B6C0C7fe
  • symbolIcon.fieldForeground#E3E8E1fe
  • symbolIcon.fileForeground#B6C7BDfe
  • symbolIcon.folderForeground#E1E8E4fe
  • symbolIcon.functionForeground#E8E6E1fe
  • symbolIcon.interfaceForeground#D4D3DDfe
  • symbolIcon.keyForeground#DEDDE5fe
  • symbolIcon.keywordForeground#E5E2DDfe
  • symbolIcon.methodForeground#E5DDE4fe
  • symbolIcon.moduleForeground#C6C6C6fe
  • symbolIcon.namespaceForeground#D8D8D8fe
  • symbolIcon.nullForeground#CDD6C9fe
  • symbolIcon.numberForeground#DDE5E0fe
  • symbolIcon.objectForeground#C8D2C4fe
  • symbolIcon.operatorForeground#DFE5DDfe
  • symbolIcon.packageForeground#E8E6E1fe
  • symbolIcon.propertyForeground#CFC0CDfe
  • symbolIcon.referenceForeground#CDD6C9fe
  • symbolIcon.snippetForeground#CBBBC9fe
  • symbolIcon.stringForeground#D3D3D3fe
  • symbolIcon.structForeground#DACED8fe
  • symbolIcon.textForeground#D9D8E1fe
  • symbolIcon.typeParameterForeground#D9D8E1fe
  • symbolIcon.unitForeground#DDE5E0fe
  • symbolIcon.variableForeground#C2C2C2fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0B0E0A00
  • tab.activeBorderTop#C80B0Bfe
  • tab.activeForeground#CA0909fe
  • tab.activeModifiedBorder#332A00ce
  • tab.border#0A0C0E00
  • tab.hoverBackground#B7B7B76e
  • tab.hoverBorder#0C0C0Cfe
  • tab.hoverForeground#D96A6Afe
  • tab.inactiveBackground#2D2D2D93
  • tab.inactiveForeground#63636365
  • tab.inactiveModifiedBorder#332A00ce
  • tab.lastPinnedBorder#0C0C0Cfe
  • tab.unfocusedActiveBackground#22222227
  • tab.unfocusedActiveBorder#0B0E0A00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#63636365
  • tab.unfocusedActiveModifiedBorder#332A00ce
  • tab.unfocusedHoverBackground#B8B8B86e
  • tab.unfocusedHoverBorder#1E1E1E2c
  • tab.unfocusedHoverForeground#63636365
  • tab.unfocusedInactiveBackground#38383893
  • tab.unfocusedInactiveForeground#63636365
  • tab.unfocusedInactiveModifiedBorder#332A00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339b
  • 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#670067bf
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0C0C0Cfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0C0C0Cfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0C0C0Cfe
  • terminal.foreground#B8B8B8ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#27272794
  • terminal.selectionBackground#505F6A87
  • terminal.selectionForeground#D3D3D3ca
  • terminal.tab.activeBorder#ED9191fe
  • terminalCommandDecoration.defaultBackground#7CCB61a5
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#D26060fe
  • terminalOverviewRuler.cursorForeground#B8B8B8ce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a2
  • testing.iconUnset#808080b3
  • testing.message.error.decorationForeground#F3A3A3fe
  • testing.message.error.lineBackground#5500559a
  • testing.message.info.decorationForeground#F3A3A3fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0C0C0Cfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0C0C0Cfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#D96A6Afe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B8B8B8ce
  • textSeparator.foreground#B8B8B8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#646464ae
  • titleBar.border#0E0A0D00
  • titleBar.inactiveBackground#1E1E1Ed1
  • titleBar.inactiveForeground#63636365
  • toolbar.activeBackground#372C0D85
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0A0A0A00
  • tree.inactiveIndentGuidesStroke#B4B1C435
  • tree.indentGuidesStroke#F3A3A3fe
  • tree.tableColumnsBorder#0C0C0Cfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#B8B8B8ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#B8B8B8ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0C0C0Cfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0C0C0Cfe
  • widget.shadow#0B0A0E00
  • window.activeBorder#0C0C0Cfe
  • window.inactiveBorder#2B2B2B9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A2A2A26e
comment.block.html#A3A3A36e
comment.block.java#A2A2A26e
comment.block.javadoc.java#A2A2A26e
comment.block.powershell#A1A1A16e
comment.block.xml#A2A2A26e
comment.line.double-slash.c#A2A2A26e
comment.line.double-slash.cpp#A3A3A36e
comment.line.double-slash.java#A2A2A26e
comment.line.double-slash.js#A2A2A26e
comment.line.number-sign.makefile#A2A2A26e
comment.line.number-sign.python#A1A1A16e
comment.line.number-sign.yaml#A2A2A26e
comment.line.percentage.erlang#A3A3A36e
comment.line.powershell#A2A2A26e
comment.source.cmake#A1A1A16e
comment.source.cmakecache#A2A2A26e
constant.character#46B946de
constant.character.character-class.regexp#57CB57de
constant.character.escape#E37AE3de
constant.character.set.regexp#9A9AF0de
constant.language#9A9AF0de
constant.numeric#9A9AF0de
constant.numeric.dec.python#ABABF5de
constant.other.caps.python#53C753de
constant.other.character-class.regexp#9999F0de
constant.other.character-class.set.regexp#9999F0de
constant.other.color.rgb-value#4FC24Fde
constant.other.placeholder#53C753de
constant.other.rgb-value#0AD50Ade
constant.regexp#E88585de
constant.sha.git-rebase#9999EFde
emphasis#46B946de
entity.name.class#9999F0de
entity.name.function#ABABF5de
entity.name.function.preprocessor#E88585de
entity.name.function.python#FC61FCde
entity.name.label#E88585de
entity.name.namespace#E88585de
entity.name.operator#E37AE3de
entity.name.operator.custom-literal#E88585de
entity.name.scope-resolution#0DCD0Dde
entity.name.tag#9999F0de
entity.name.tag.css#0DD30Dde
entity.name.type#E98585de
entity.name.variable#E37AE3de
entity.other.attribute#46B946de
entity.other.attribute-name#9999F0de
entity.other.attribute-name.class.css#53C753de
entity.other.attribute-name.class.mixin.css#E88585de
entity.other.attribute-name.id#0DD00Dde
entity.other.attribute-name.id.css#E88585de
entity.other.attribute-name.parent-selector.css#46B946de
entity.other.attribute-name.pseudo-class.css#46B946de
entity.other.attribute-name.pseudo-element.css#9A9AF1de
entity.other.attribute-name.scss#F29EF2de
entity.other.document.begin.yaml#A2A2A26e
entity.other.inherited-class#9999F0de
header#F5ABABde
invalid#E88585de
keyword#45B945de
keyword.codetag.notation.python#9A9AF0de
keyword.control#E88585de
keyword.control.anchor.regexp#F29E9Ede
keyword.control.import.python#E88585de
keyword.operator#E98585de
keyword.operator.alignas#EB8BEBde
keyword.operator.alignof#EB8BEBde
keyword.operator.cast#9999F0de
keyword.operator.delete#E88585de
keyword.operator.documentation.powershell#A3A3A36e
keyword.operator.expression#9A9AF0de
keyword.operator.instanceof#9E9EF2de
keyword.operator.logical.python#4BBE4Bde
keyword.operator.minus.exponent#9999EFde
keyword.operator.negation.regexp#ED9191de
keyword.operator.new#9999EFde
keyword.operator.noexcept#9999F0de
keyword.operator.or.regexp#E37AE3de
keyword.operator.plus.exponent#9999F0de
keyword.operator.quantifier.regexp#9A9AF1de
keyword.operator.sizeof#65D665de
keyword.operator.typeid#E88585de
keyword.operator.wordlike#0CCE0Cde
keyword.other.operator#E88585de
keyword.other.package.java#0CDA0Cde
keyword.other.unit#A4A4F3de
keyword.other.using#9999F0de
markup.bold#F5ABABde
markup.changed#53C753de
markup.deleted#0AD50Ade
markup.fenced_code.block.markdown#9999F0de
markup.heading#0BBC0Bde
markup.inline.raw#9999F0de
markup.inserted#47BA47de
markup.italic#9999F0de
markup.raw.block.markdown#EF9898de
markup.strikethrough#0CCE0Cde
markup.underline#ED9191de
meta.block.c#9999EFde
meta.block.c#E88585de
meta.class.java#E88585de
meta.definition.variable.name#9A9AF1de
meta.diff.header#57CB57de
meta.embedded#E88585de
meta.embedded.assembly#47BA47de
meta.function-call.arguments.python#E88585de
meta.function-call.python#57CB57de
meta.member.access.python#9A9AF1de
meta.method.java#9999F0de
meta.object-literal.key#0DCD0Dde
meta.paragraph.markdown#5CCF5Cde
meta.preprocessor#0DD60Dde
meta.preprocessor.numeric#E37BE3de
meta.preprocessor.string#E88585de
meta.scope.prerequisites.makefile#9999F0de
meta.structure.dictionary.json.comments#A2A2A26e
meta.structure.dictionary.key.python#45B945de
meta.structure.dictionary.value.json.comments#A1A1A16e
meta.template.expression#0CDA0Cde
meta.type.cast.expr#E37AE3de
meta.type.new.expr#E98585de
parameter#E98686de
punctuation.character.set.begin.regexp#46B846de
punctuation.character.set.end.regexp#9A9AF0de
punctuation.definition.array.begin.json#E88585de
punctuation.definition.character-class.regexp#0CCE0Cde
punctuation.definition.comment#A1A1A16e
punctuation.definition.comment.json.comments#A3A3A36e
punctuation.definition.comment.python#A3A3A36e
punctuation.definition.dictionary.begin.json#9A9AF0de
punctuation.definition.dictionary.end.json#9A9AF0de
punctuation.definition.group.assertion.regexp#4FC24Fde
punctuation.definition.group.regexp#F5ABABde
punctuation.definition.list.begin.json#ABABF5de
punctuation.definition.list.begin.markdown#0BBB0Bde
punctuation.definition.list.begin.python#0AD50Ade
punctuation.definition.list.end.json#E88585de
punctuation.definition.list.end.markdown#53C753de
punctuation.definition.list.end.python#9A9AF0de
punctuation.definition.parameters.begin.python#0DD60Dde
punctuation.definition.parameters.end.bracket.round.java#F5ABABde
punctuation.definition.quote.begin.markdown#9999F0de
punctuation.definition.tag#9E9EF2de
punctuation.definition.template-expression.begin#0BBC0Bde
punctuation.definition.template-expression.end#E88585de
punctuation.section.class.begin.bracket.curly.java#0CD40Cde
punctuation.section.embedded#E88585de
punctuation.section.embedded.begin.php#9A9AF0de
punctuation.section.embedded.end.php#9999F0de
punctuation.terminator.java#E88585de
source.cmake#E98686de
source.coffee.embedded#E88585de
source.cpp#E88585de
source.css.less#9999F0de
source.groovy.embedded#E88585de
source.java#E98585de
source.java-properties#53C753de
source.json.comments#A3A3A36e
source.makefile#57CB57de
source.powershell#ED91EDde
source.powershell.variable.other.member#9999F0de
source.python#9A9AF0de
storage#9999F0de
storage.modifier#0DD60Dde
storage.modifier.import.java#9A9AF0de
storage.modifier.package.java#0CCE0Cde
storage.type#E37AE3de
storage.type.annotation.groovy#E88585de
storage.type.annotation.java#46B846de
storage.type.boolean.go#9A9AF1de
storage.type.byte.go#EF98EFde
storage.type.cs#E37AE3de
storage.type.error.go#60D260de
storage.type.generic.cs#0DCD0Dde
storage.type.generic.groovy#E98686de
storage.type.generic.java#9999F0de
storage.type.groovy#E88585de
storage.type.java#EB8B8Bde
storage.type.modifier.cs#F3A4A4de
storage.type.numeric.go#9A9AF0de
storage.type.object.array.groovy#E98686de
storage.type.object.array.java#9999F0de
storage.type.parameters.groovy#9E9EF2de
storage.type.primitive.array.groovy#E37AE3de
storage.type.primitive.array.java#ABABF5de
storage.type.primitive.groovy#9999F0de
storage.type.primitive.java#0BBC0Bde
storage.type.rune.go#9999F0de
storage.type.string.go#4FC24Fde
storage.type.token.java#0DD10Dde
storage.type.uintptr.go#47BA47de
storage.type.variable.cs#46B946de
string#E88585de
string.quoted.docstring.multi.python#A2A2A26e
string.regexp#ED91EDde
string.tag#E88585de
string.value#0CDE0Cde
strong#F3A4A4de
support.class#E37AE3de
support.constant.color#0CD40Cde
support.constant.dom#9999F0de
support.constant.font-name#47BA47de
support.constant.handlebars#F5ABABde
support.constant.json#E88585de
support.constant.math#F5ABABde
support.constant.media#E88585de
support.constant.media-type#F29EF2de
support.constant.property-value#E37AE3de
support.function#9999F0de
support.function.git-rebase#9999F0de
support.other.parenthesis.regexp#9999F0de
support.type#0CCE0Cde
support.type.property-name#E88585de
support.type.vendored.property-name#E37AE3de
support.variable#9999F0de
token.debug-token#9A9AF1de
token.error-token#45B945de
token.info-token#E88585de
token.warn-token#E88585de
variable#9999F0de
variable.css#E88585de
variable.language#9999EFde
variable.language.wildcard.java#E37AE3de
variable.other.constant#0BBB0Bde
variable.other.definition.java#53C753de
variable.other.enummember#E88585de
variable.other.less#9999F0de
variable.other.object.java#0CDE0Cde
variable.other.object.property.java#9A9AF0de
variable.parameter.c#0CCE0Cde
variable.parameter.function.language.python#E88585de
variable.parameter.java#F29E9Ede
variable.scss#0CDE0Cde