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#151515fe
  • activityBar.activeBackground#151515fe
  • activityBar.activeBorder#F7932Ffe
  • activityBar.activeFocusBorder#65656500
  • activityBar.background#0E0E0Efe
  • activityBar.border#65656500
  • activityBar.dropBorder#F7932Ffe
  • activityBar.foreground#F7922Dfe
  • activityBar.inactiveForeground#ABABAB65
  • activityBarBadge.background#E19344fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#C97929fe
  • badge.foreground#0E0E0Efe
  • banner.background#151515fe
  • banner.foreground#E8E8E8ce
  • banner.iconForeground#D4C9D6fe
  • breadcrumb.activeSelectionForeground#D9DDD3ca
  • breadcrumb.background#0F0F0Ffe
  • breadcrumb.focusForeground#E3974Bfe
  • breadcrumb.foreground#E8E8E8ae
  • breadcrumbPicker.background#151515fe
  • button.background#404040ae
  • button.border#0E0C0A00
  • button.foreground#E8E8E8ce
  • button.hoverBackground#6262626e
  • button.secondaryBackground#151515fe
  • button.secondaryForeground#E8E8E8ce
  • button.secondaryHoverBackground#151515fe
  • button.separator#0B0B0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8E8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#151515fe
  • chat.slashCommandForeground#E8E8E8ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E8E8E8ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#4917528c
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#DF8E3Efe
  • commandCenter.background#151515fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E8E8E8ce
  • commandCenter.inactiveBorder#2A2A2A9a
  • commandCenter.inactiveForeground#ABABAB65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0B0B00
  • contrastBorder#0A0E0B00
  • debugConsole.errorForeground#FF8BFEce
  • debugConsole.infoForeground#E8E8E8ce
  • debugConsole.sourceForeground#E8E8E8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E1D8DAfe
  • debugExceptionWidget.background#550055c5
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#B6C7BBfe
  • debugIcon.breakpointDisabledForeground#B6B6B665
  • debugIcon.breakpointForeground#DDE5DFfe
  • debugIcon.breakpointStackframeForeground#E8E1E3fe
  • debugIcon.breakpointUnverifiedForeground#E8E5E1fe
  • debugIcon.continueForeground#BDBDBDfe
  • debugIcon.disconnectForeground#CBC4BBfe
  • debugIcon.pauseForeground#E1DDD8fe
  • debugIcon.restartForeground#CFC8C0fe
  • debugIcon.startForeground#D3DDDDfe
  • debugIcon.stepBackForeground#DDD3D6fe
  • debugIcon.stepIntoForeground#C0C7B6fe
  • debugIcon.stepOutForeground#DDE1D8fe
  • debugIcon.stepOverForeground#DCD3DDfe
  • debugIcon.stopForeground#E5DDDFfe
  • debugTokenExpression.boolean#D7D7D7ca
  • debugTokenExpression.error#C9D6D6ca
  • debugTokenExpression.name#E5DDDFca
  • debugTokenExpression.number#DDD3D6ca
  • debugTokenExpression.value#DCD3DDca
  • debugToolBar.background#550055a0
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#2C2C2Cca
  • debugView.exceptionLabelForeground#D7D7D7ca
  • debugView.stateLabelBackground#1D3022ca
  • debugView.stateLabelForeground#DDD9D3ca
  • debugView.valueChangedHighlight#D3DDDDca
  • descriptionForeground#E8E8E8ce
  • diffEditor.border#0A0E0E00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0A0E0B00
  • diffEditor.move.border#0E0C0A00
  • diffEditor.moveActive.border#0E0C0A00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0E0A0B00
  • diffEditor.unchangedCodeBackground#151515fe
  • diffEditor.unchangedRegionBackground#151515fe
  • diffEditor.unchangedRegionForeground#E8E8E8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B6B6B665
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E8E8E8ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#151515fe
  • editor.findMatchBackground#5B454Ba3
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#415647ab
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#454D3Aa5
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#4C655383
  • editor.foldBackground#A6BBBBa9
  • editor.foreground#E8E8E8ce
  • editor.hoverHighlightBackground#506A6Aae
  • editor.inactiveSelectionBackground#49494994
  • editor.inlineValuesBackground#151515fe
  • editor.inlineValuesForeground#E8E8E8ce
  • editor.lineHighlightBackground#333333b2
  • editor.lineHighlightBorder#0D0A0E00
  • editor.linkedEditingBackground#151515fe
  • editor.rangeHighlightBackground#49604Fa8
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#384C4Ca4
  • editor.selectionForeground#E1DDD8ca
  • editor.selectionHighlightBackground#655A4C83
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#415656ab
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#455B4Ba4
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#594349a2
  • editor.symbolHighlightBackground#4A4A4Aa5
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#506A6Aac
  • editor.wordHighlightBorder#0E0C0A00
  • editor.wordHighlightStrongBackground#566049a4
  • editor.wordHighlightStrongBorder#0C0E0A00
  • editor.wordHighlightTextBackground#3E5243a3
  • editor.wordHighlightTextBorder#0E0C0A00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8E8ce
  • editorBracketMatch.background#B7B7B7a9
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#C2B2C48a
  • editorBracketPairGuide.activeBackground2#B0BAA38c
  • editorBracketPairGuide.activeBackground3#BFB6AA88
  • editorBracketPairGuide.activeBackground4#C5B2B885
  • editorBracketPairGuide.activeBackground5#C5B3B885
  • editorBracketPairGuide.activeBackground6#BFB6AA81
  • editorBracketPairGuide.background1#262D1Cfe
  • editorBracketPairGuide.background2#332A20fe
  • editorBracketPairGuide.background3#1C2F2Ffe
  • editorBracketPairGuide.background4#3E2342fe
  • editorBracketPairGuide.background5#342A1Ffe
  • editorBracketPairGuide.background6#332A20fe
  • editorCodeLens.foreground#B6B6B66e
  • editorCommentsWidget.rangeActiveBackground#B6B6B6fe
  • editorCommentsWidget.rangeBackground#151515fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#151515fe
  • editorCursor.foreground#E69B51fe
  • editorError.background#0D0A0E00
  • editorError.border#0C0E0A00
  • editorError.foreground#FF8BFEce
  • editorGhostText.background#151515fe
  • editorGhostText.border#0E0A0B00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#151515fe
  • editorGroup.dropIntoPromptBackground#151515fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E8E8E8ce
  • editorGroup.emptyBackground#151515fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0E0A0B00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#151515a1
  • editorGroupHeader.tabsBorder#0D0A0E00
  • editorGutter.addedBackground#7DC780fb
  • editorGutter.background#151515fe
  • editorGutter.commentGlyphForeground#E8E8E8ce
  • editorGutter.commentRangeForeground#E8E8E8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9B9Bcb
  • editorGutter.foldingControlForeground#E8E8E8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0B0B00
  • editorHint.foreground#BEAAFFce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E8E8E8ce
  • editorHoverWidget.highlightForeground#DDD3D6ca
  • editorHoverWidget.statusBarBackground#151515fe
  • editorIndentGuide.activeBackground1#F79330fe
  • editorIndentGuide.activeBackground2#F6942Efe
  • editorIndentGuide.activeBackground3#F7932Ffe
  • editorIndentGuide.activeBackground4#F7932Ffe
  • editorIndentGuide.activeBackground5#F79332fe
  • editorIndentGuide.activeBackground6#F79330fe
  • editorIndentGuide.background1#99B1A035
  • editorIndentGuide.background2#B1C4B635
  • editorIndentGuide.background3#AEA39435
  • editorIndentGuide.background4#A3B9B935
  • editorIndentGuide.background5#AE949B35
  • editorIndentGuide.background6#ACC0C035
  • editorInfo.background#0E0C0A00
  • editorInfo.border#0E0A0B00
  • editorInfo.foreground#BEAAFFce
  • editorInlayHint.background#151515fe
  • editorInlayHint.foreground#E8E8E8ce
  • editorInlayHint.parameterBackground#151515fe
  • editorInlayHint.parameterForeground#E8E8E8ce
  • editorInlayHint.typeBackground#151515fe
  • editorInlayHint.typeForeground#E8E8E8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#E3974Bfe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B6B6B66e
  • editorLink.activeForeground#E69B51fe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#550055b7
  • editorMarkerNavigationError.headerBackground#550055ba
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151515fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#E8E8E8ce
  • editorOverviewRuler.commentForeground#B6B6B66e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8E8ce
  • editorOverviewRuler.currentContentForeground#cececea1
  • editorOverviewRuler.deletedForeground#FF9B9Bcb
  • editorOverviewRuler.errorForeground#FF8BFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BEAAFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CEDAD1ca
  • editorOverviewRuler.selectionHighlightForeground#BEAAFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D3D3D3ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8E8ce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8E8ce
  • editorPane.background#151515fe
  • editorRuler.foreground#B6B6B638
  • editorStickyScroll.background#151515fe
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0A0E0B00
  • editorSuggestWidget.focusHighlightForeground#F58CA6fe
  • editorSuggestWidget.foreground#D1D6C9fe
  • editorSuggestWidget.highlightForeground#D3DDD6ca
  • editorSuggestWidget.selectedBackground#454D3A89
  • editorSuggestWidget.selectedForeground#E1E5DDca
  • editorSuggestWidget.selectedIconForeground#CEDADAca
  • editorSuggestWidgetStatus.foreground#E1E8E3fe
  • editorUnicodeHighlight.background#49523Ea7
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0E00
  • editorWarning.border#0E0A0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8E8ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E8E8E8ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FF8BFEce
  • extensionBadge.remoteBackground#FA9128fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E8E8E8ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#151515fe
  • extensionButton.prominentForeground#E8E8E8ce
  • extensionButton.prominentHoverBackground#151515fe
  • extensionButton.separator#0A0E0B00
  • extensionIcon.preReleaseForeground#E1D8DAfe
  • extensionIcon.sponsorForeground#DDE5DFfe
  • extensionIcon.starForeground#C7C0B6fe
  • extensionIcon.verifiedForeground#E1DDD8fe
  • focusBorder#0B0B0B00
  • foreground#E8E8E8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9B9Bcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BEAAFFce
  • gitDecoration.stageDeletedResourceForeground#FF9B9Bcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7B7ae
  • inlineChat.background#332A20ca
  • inlineChat.border#2C2C2Cca
  • inlineChat.regionHighlight#DDD9D3ca
  • inlineChat.shadow#DDE1D8ca
  • inlineChatDiff.inserted#D9DDD3ca
  • inlineChatDiff.removed#E5E1DDca
  • inlineChatInput.background#E5DDDFca
  • inlineChatInput.border#332A20ca
  • inlineChatInput.focusBorder#0E0C0A00
  • inlineChatInput.placeholderForeground#E1D8DAca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E8E8E8ce
  • input.placeholderForeground#B9B9B965
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#E19344fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067ae
  • inputValidation.errorBorder#5500559b
  • inputValidation.errorForeground#FF8BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E8E8E8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2D2D2D95
  • keybindingLabel.background#151515fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E8E8E8ce
  • keybindingTable.headerBackground#151515fe
  • keybindingTable.rowsBackground#151515fe
  • list.activeSelectionBackground#5542588e
  • list.activeSelectionForeground#D7D7D7ca
  • list.activeSelectionIconForeground#E4DDE5ca
  • list.deemphasizedForeground#E8E8E8ce
  • list.dropBackground#151515fe
  • list.errorForeground#FF8BFEce
  • list.filterMatchBackground#151515fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0E0A0B00
  • list.focusBackground#49494996
  • list.focusForeground#D17D29fe
  • list.focusHighlightForeground#ABABABfe
  • list.focusOutline#0C0E0A00
  • list.highlightForeground#CEDADAca
  • list.hoverBackground#0D3232a6
  • list.hoverForeground#FA9128fe
  • list.inactiveFocusBackground#2E2E2E9b
  • list.inactiveFocusOutline#0E0C0A00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B6B6B665
  • list.inactiveSelectionIconForeground#B6B6B665
  • list.invalidItemForeground#E8E8E8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151515fe
  • listFilterWidget.noMatchesOutline#0D0A0E00
  • listFilterWidget.outline#0E0C0A00
  • listFilterWidget.shadow#0A0E0B00
  • menu.background#0E0E0Efe
  • menu.border#0C0E0A00
  • menu.foreground#E6E6E6ae
  • menu.selectionBackground#384C4Ca8
  • menu.selectionBorder#0D0A0E00
  • menu.selectionForeground#C97929fe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#394C4Cad
  • menubar.selectionBorder#0C0E0A00
  • menubar.selectionForeground#D7812Cfe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#151515fe
  • merge.commonHeaderBackground#151515fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#151515fe
  • mergeEditor.change.word.background#151515fe
  • mergeEditor.changeBase.background#151515fe
  • mergeEditor.changeBase.word.background#151515fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#1D1D1D35
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c4
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#22222235
  • mergeEditor.conflictingLines.background#151515fe
  • minimap.background#151515fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7DC780fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#787878fe
  • minimapSlider.background#4D4D4Dae
  • minimapSlider.hoverBackground#5151516e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#151515fe
  • notebook.cellHoverBackground#151515fe
  • notebook.cellInsertionIndicator#DAD5CEca
  • notebook.cellStatusBarItemHoverBackground#151515fe
  • notebook.cellToolbarSeparator#D7D7D7ca
  • notebook.editorBackground#151515fe
  • notebook.focusedCellBackground#151515fe
  • notebook.focusedCellBorder#D98632fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#6767678e
  • notebook.inactiveSelectedCellBorder#6F6F6F8e
  • notebook.outputContainerBackgroundColor#151515fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#151515fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#151515fe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8E8ce
  • notebookScrollbarSlider.activeBackground#787878fe
  • notebookScrollbarSlider.background#3C3C3Cae
  • notebookScrollbarSlider.hoverBackground#6262626e
  • notebookStatusErrorIcon.foreground#FF8BFEce
  • notebookStatusRunningIcon.foreground#E8E5E1fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#151515fe
  • notificationCenterHeader.foreground#E8E8E8ce
  • notificationLink.foreground#E8E8E8ce
  • notifications.background#151515fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E8E8E8ce
  • notificationsErrorIcon.foreground#FF8BFEce
  • notificationsInfoIcon.foreground#CEDAD1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#151515fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#151515fe
  • panelSectionHeader.background#151515fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E8E8E8ce
  • panelTitle.activeBorder#0D0A0E00
  • panelTitle.activeForeground#F79332fe
  • panelTitle.inactiveForeground#ABABAB65
  • peekView.border#F69431fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#4960608e
  • peekViewEditor.matchHighlightBorder#0A0E0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#151515fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E8E8E8ce
  • peekViewResult.lineForeground#E8E8E8ce
  • peekViewResult.matchHighlightBackground#3A4D4D88
  • peekViewResult.selectionBackground#3A4D3F86
  • peekViewResult.selectionForeground#DCD3DDca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E8E8E8ce
  • peekViewTitleLabel.foreground#E8E8E8ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E8E8E8ce
  • ports.iconRunningProcessForeground#CBCBCBfe
  • problemsErrorIcon.foreground#FF8BFEce
  • problemsInfoIcon.foreground#BEAAFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#E69B51fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#151515fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E8E8E8ae
  • quickInputList.focusBackground#60494Fa5
  • quickInputList.focusForeground#E19344fe
  • quickInputList.focusIconForeground#E3974Bfe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0E0A0B00
  • scrollbarSlider.activeBackground#676767fe
  • scrollbarSlider.background#4D4D4Dae
  • scrollbarSlider.hoverBackground#5A5A5A6e
  • search.resultsInfoForeground#E8E8E8ce
  • searchEditor.findMatchBackground#6A5F50ac
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#151515fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E8E8E8ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E8E8E8ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#49523E8c
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E8E8E8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E8E8E8ce
  • settings.rowHoverBackground#151515fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#E3974Bfe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E8E8E8ce
  • sideBar.background#151515fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#151515fe
  • sideBar.foreground#B7B7B7ae
  • sideBarSectionHeader.background#0D0A0E00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E8E8E8ce
  • sideBarTitle.foreground#E8E8E8ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#550055ca
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E8E8E8ce
  • statusBar.focusBorder#0A0E0B00
  • statusBar.foreground#B6B6B66e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E8E8E8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055ab
  • statusBarItem.errorForeground#FF8BFEce
  • statusBarItem.errorHoverBackground#550055a0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0C0A00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#E69B51fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E8E8E8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#D17D29fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E8E8E8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#C97929fe
  • statusBarItem.remoteBackground#DC8A38fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#E3974Bfe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#CBA800ce
  • symbolIcon.arrayForeground#D1D6C9fe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#C0CFC4fe
  • symbolIcon.colorForeground#B1C4C4fe
  • symbolIcon.constantForeground#C4D2D2fe
  • symbolIcon.constructorForeground#B1C4C4fe
  • symbolIcon.enumeratorForeground#CCD2C4fe
  • symbolIcon.enumeratorMemberForeground#D5DACEfe
  • symbolIcon.eventForeground#C4D2D2fe
  • symbolIcon.fieldForeground#C5B6C7fe
  • symbolIcon.fileForeground#E1E5DDfe
  • symbolIcon.folderForeground#E5E1DDfe
  • symbolIcon.functionForeground#C0C7B6fe
  • symbolIcon.interfaceForeground#E0E0E0fe
  • symbolIcon.keyForeground#C4CBBBfe
  • symbolIcon.keywordForeground#DCD3DDfe
  • symbolIcon.methodForeground#C4CBBBfe
  • symbolIcon.moduleForeground#E1D8DAfe
  • symbolIcon.namespaceForeground#C7B6BBfe
  • symbolIcon.nullForeground#E8E5E1fe
  • symbolIcon.numberForeground#E1E8E3fe
  • symbolIcon.objectForeground#BBCBBFfe
  • symbolIcon.operatorForeground#D6C9CDfe
  • symbolIcon.packageForeground#DCDCDCfe
  • symbolIcon.propertyForeground#E7E1E8fe
  • symbolIcon.referenceForeground#D1D6C9fe
  • symbolIcon.snippetForeground#D8E1E1fe
  • symbolIcon.stringForeground#E1D8DAfe
  • symbolIcon.structForeground#E0D8E1fe
  • symbolIcon.textForeground#E1E5DDfe
  • symbolIcon.typeParameterForeground#C2C2C2fe
  • symbolIcon.unitForeground#DAD5CEfe
  • symbolIcon.variableForeground#DCDCDCfe
  • tab.activeBackground#0F0F0Ffe
  • tab.activeBorder#0E0C0A00
  • tab.activeBorderTop#F79332fe
  • tab.activeForeground#F79330fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0E0C0A00
  • tab.hoverBackground#A4BBBBad
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#DF8E3Efe
  • tab.inactiveBackground#2D2D2D99
  • tab.inactiveForeground#ABABAB65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#22222223
  • tab.unfocusedActiveBorder#0C0E0A00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#ABABAB65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B6B6B632
  • tab.unfocusedHoverBorder#1D1D1D32
  • tab.unfocusedHoverForeground#ABABAB65
  • tab.unfocusedInactiveBackground#2A2A2A9d
  • tab.unfocusedInactiveForeground#AAAAAA65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c3
  • 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#670067ca
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151515fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#151515fe
  • terminal.findMatchBackground#151515fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#151515fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B7B7B7ae
  • terminal.hoverHighlightBackground#151515fe
  • terminal.inactiveSelectionBackground#26262696
  • terminal.selectionBackground#49523E8a
  • terminal.selectionForeground#DDD9D3ca
  • terminal.tab.activeBorder#F79330fe
  • terminalCommandDecoration.defaultBackground#C1B1C4a5
  • terminalCommandDecoration.errorBackground#FF9B9Bcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151515fe
  • terminalCursor.foreground#E3974Bfe
  • terminalOverviewRuler.cursorForeground#E8E8E8ce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c6
  • testing.iconUnset#8080809a
  • testing.message.error.decorationForeground#E4AB71fe
  • testing.message.error.lineBackground#550055b8
  • testing.message.info.decorationForeground#E3AD77fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#151515fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151515fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#151515fe
  • textLink.activeForeground#E19344fe
  • textLink.foreground#BEAAFFce
  • textPreformat.foreground#E8E8E8ce
  • textSeparator.foreground#E8E8E8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#ABABABae
  • titleBar.border#0C0E0A00
  • titleBar.inactiveBackground#1D1D1Dda
  • titleBar.inactiveForeground#AAAAAA65
  • toolbar.activeBackground#282F2081
  • toolbar.hoverBackground#151515fe
  • toolbar.hoverOutline#0E0C0A00
  • tree.inactiveIndentGuidesStroke#C1B1C435
  • tree.indentGuidesStroke#E4AB71fe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#151515fe
  • walkThrough.embeddedEditorBackground#151515fe
  • walkthrough.stepTitle.foreground#E8E8E8ce
  • welcomePage.background#151515fe
  • welcomePage.progress.background#151515fe
  • welcomePage.progress.foreground#E8E8E8ce
  • welcomePage.tileBackground#151515fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#151515fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0A0E0E00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2D2D2D9b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BEBEBE6e
comment.block.html#BEBEBE6e
comment.block.java#BFBFBF6e
comment.block.javadoc.java#BFBFBF6e
comment.block.powershell#BFBFBF6e
comment.block.xml#BFBFBF6e
comment.line.double-slash.c#BFBFBF6e
comment.line.double-slash.cpp#BFBFBF6e
comment.line.double-slash.java#BFBFBF6e
comment.line.double-slash.js#BFBFBF6e
comment.line.number-sign.makefile#BFBFBF6e
comment.line.number-sign.python#BFBFBF6e
comment.line.number-sign.yaml#BFBFBF6e
comment.line.percentage.erlang#BFBFBF6e
comment.line.powershell#BFBFBF6e
comment.source.cmake#BFBFBF6e
comment.source.cmakecache#BEBEBE6e
constant.character#909BF2de
constant.character.character-class.regexp#FEA5CBde
constant.character.escape#EDAD6Cde
constant.character.set.regexp#E7A2FEde
constant.language#D380F0de
constant.numeric#8AD30Fde
constant.numeric.dec.python#909AF4de
constant.other.caps.python#FCAF64de
constant.other.character-class.regexp#8AD20Fde
constant.other.character-class.set.regexp#FBAF63de
constant.other.color.rgb-value#ACB5FAde
constant.other.placeholder#FCAF62de
constant.other.rgb-value#DD96F7de
constant.regexp#0DDD38de
constant.sha.git-rebase#0ED3DEde
emphasis#87D205de
entity.name.class#F17AADde
entity.name.function#8F9AF2de
entity.name.function.preprocessor#8AD20Ede
entity.name.function.python#8AD20Fde
entity.name.label#0DDD38de
entity.name.namespace#8BD30Dde
entity.name.operator#FBAF63de
entity.name.operator.custom-literal#FEA4CAde
entity.name.scope-resolution#08D1DFde
entity.name.tag#8AD307de
entity.name.tag.css#FEA5CBde
entity.name.type#0ED3DEde
entity.name.variable#0EDD3Ade
entity.other.attribute#F9A5C8de
entity.other.attribute-name#DD96F7de
entity.other.attribute-name.class.css#E7A7FEde
entity.other.attribute-name.class.mixin.css#D380F0de
entity.other.attribute-name.id#9DA7F8de
entity.other.attribute-name.id.css#FDAF62de
entity.other.attribute-name.parent-selector.css#FCAF64de
entity.other.attribute-name.pseudo-class.css#FBAF63de
entity.other.attribute-name.pseudo-element.css#08DC33de
entity.other.attribute-name.scss#EFB172de
entity.other.document.begin.yaml#BFBFBF6e
entity.other.inherited-class#FCAF63de
header#08DC33de
invalid#88D20Bde
keyword#ECA865de
keyword.codetag.notation.python#0EDD3Ade
keyword.control#88D20Bde
keyword.control.anchor.regexp#0BDD39de
keyword.control.import.python#0CD4DEde
keyword.operator#87D309de
keyword.operator.alignas#E09DF8de
keyword.operator.alignof#EF7BACde
keyword.operator.cast#D380F0de
keyword.operator.delete#EF7BACde
keyword.operator.documentation.powershell#BFBFBF6e
keyword.operator.expression#FCAF62de
keyword.operator.instanceof#909BF3de
keyword.operator.logical.python#0DDC39de
keyword.operator.minus.exponent#0ED3DEde
keyword.operator.negation.regexp#E9A8FEde
keyword.operator.new#D580F3de
keyword.operator.noexcept#F89DC3de
keyword.operator.or.regexp#0ADD37de
keyword.operator.plus.exponent#0BD4DFde
keyword.operator.quantifier.regexp#909AF4de
keyword.operator.sizeof#EFB172de
keyword.operator.typeid#8AD307de
keyword.operator.wordlike#0EDD3Ade
keyword.other.operator#8F9AF6de
keyword.other.package.java#0BD4DFde
keyword.other.unit#0CDC39de
keyword.other.using#08D1DFde
markup.bold#FCAF65de
markup.changed#F487B5de
markup.deleted#FBAF63de
markup.fenced_code.block.markdown#8AD20Fde
markup.heading#8AD20Fde
markup.inline.raw#FEA5CBde
markup.inserted#909AF4de
markup.italic#8AD20Dde
markup.raw.block.markdown#F89DC3de
markup.strikethrough#EAA45Ede
markup.underline#8AD30Fde
meta.block.c#B3BAFEde
meta.block.c#8AD20Ede
meta.class.java#EAA45Ede
meta.definition.variable.name#909AF4de
meta.diff.header#EF7BACde
meta.embedded#0BDD39de
meta.embedded.assembly#E3A5F9de
meta.function-call.arguments.python#0ADC37de
meta.function-call.python#0ED3E0de
meta.member.access.python#B3BBFEde
meta.method.java#D380F0de
meta.object-literal.key#FBAF63de
meta.paragraph.markdown#0CDC39de
meta.preprocessor#D887F4de
meta.preprocessor.numeric#D380F0de
meta.preprocessor.string#E3A5F9de
meta.scope.prerequisites.makefile#8AD30Fde
meta.structure.dictionary.json.comments#BFBFBF6e
meta.structure.dictionary.key.python#8AD20Fde
meta.structure.dictionary.value.json.comments#BFBFBF6e
meta.template.expression#909BF2de
meta.type.cast.expr#909BF3de
meta.type.new.expr#0ED3DCde
parameter#8BD20Fde
punctuation.character.set.begin.regexp#0ED3DCde
punctuation.character.set.end.regexp#E7A7FEde
punctuation.definition.array.begin.json#EFB172de
punctuation.definition.character-class.regexp#08D1DFde
punctuation.definition.comment#BFBFBF6e
punctuation.definition.comment.json.comments#BFBFBF6e
punctuation.definition.comment.python#BEBEBE6e
punctuation.definition.dictionary.begin.json#D887F4de
punctuation.definition.dictionary.end.json#08D1DFde
punctuation.definition.group.assertion.regexp#D580F3de
punctuation.definition.group.regexp#0ED3DFde
punctuation.definition.list.begin.json#FBAF63de
punctuation.definition.list.begin.markdown#ABB5FEde
punctuation.definition.list.begin.python#D37FF1de
punctuation.definition.list.end.json#E9A8FEde
punctuation.definition.list.end.markdown#EFB172de
punctuation.definition.list.end.python#0FDD3Ade
punctuation.definition.parameters.begin.python#FCAF65de
punctuation.definition.parameters.end.bracket.round.java#0CD4DEde
punctuation.definition.quote.begin.markdown#0FDD3Ade
punctuation.definition.tag#EE7BABde
punctuation.definition.template-expression.begin#D380F0de
punctuation.definition.template-expression.end#ABB5FEde
punctuation.section.class.begin.bracket.curly.java#ACB5FAde
punctuation.section.embedded#87D309de
punctuation.section.embedded.begin.php#D580F3de
punctuation.section.embedded.end.php#87D309de
punctuation.terminator.java#0AD4DFde
source.cmake#EF7BACde
source.coffee.embedded#FEA5CBde
source.cpp#0DDC38de
source.css.less#0DDC39de
source.groovy.embedded#0EDC3Ade
source.java#0EDD3Ade
source.java-properties#FCAF62de
source.json.comments#BFBFBF6e
source.makefile#EE7BABde
source.powershell#8AD20Dde
source.powershell.variable.other.member#D380F0de
source.python#D37FF1de
storage#8BD20Fde
storage.modifier#8AD30Cde
storage.modifier.import.java#0DD2DEde
storage.modifier.package.java#87D205de
storage.type#EAA45Ede
storage.type.annotation.groovy#D47EF2de
storage.type.annotation.java#FCAF62de
storage.type.boolean.go#DD96F7de
storage.type.byte.go#FCAF63de
storage.type.cs#F07BADde
storage.type.error.go#0ADC37de
storage.type.generic.cs#FCAF65de
storage.type.generic.groovy#ECA865de
storage.type.generic.java#F89DC3de
storage.type.groovy#D380F0de
storage.type.java#8BD30Dde
storage.type.modifier.cs#909BF2de
storage.type.numeric.go#0EDC3Ade
storage.type.object.array.groovy#89D20Dde
storage.type.object.array.java#909BF3de
storage.type.parameters.groovy#8AD307de
storage.type.primitive.array.groovy#FEA5CBde
storage.type.primitive.array.java#ECA865de
storage.type.primitive.groovy#08DC33de
storage.type.primitive.java#D282EFde
storage.type.rune.go#0DDC38de
storage.type.string.go#909BF2de
storage.type.token.java#EF7BACde
storage.type.uintptr.go#09D3E1de
storage.type.variable.cs#FCAF62de
string#FCAF64de
string.quoted.docstring.multi.python#BEBEBE6e
string.regexp#0FDD3Ade
string.tag#8AD20Dde
string.value#0BDD39de
strong#F9A5C8de
support.class#0CDC39de
support.constant.color#08D1DFde
support.constant.dom#FCAF64de
support.constant.font-name#FDAE5Fde
support.constant.handlebars#A5AEF9de
support.constant.json#EDAD6Cde
support.constant.math#DD96F7de
support.constant.media#09DC37de
support.constant.media-type#B2BAFEde
support.constant.property-value#ABB5FEde
support.function#0FD2DDde
support.function.git-rebase#DA8EF6de
support.other.parenthesis.regexp#0ED3DFde
support.type#87D309de
support.type.property-name#8F9AF2de
support.type.vendored.property-name#B2BAFEde
support.variable#FBAF63de
token.debug-token#0ED3DEde
token.error-token#0DD2DEde
token.info-token#08D1DFde
token.warn-token#0DD2DEde
variable#0CD4DEde
variable.css#F68EBAde
variable.language#0CD4DEde
variable.language.wildcard.java#8BD30Dde
variable.other.constant#0DD3DEde
variable.other.definition.java#88D20Bde
variable.other.enummember#FCAF62de
variable.other.less#8BD30Fde
variable.other.object.java#8BD30Fde
variable.other.object.property.java#FCAF62de
variable.parameter.c#EE7BABde
variable.parameter.function.language.python#D580F3de
variable.parameter.java#A5AEF9de
variable.scss#E7A7FEde