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#DADFDAfe
  • activityBar.activeBackground#DADFDAfe
  • activityBar.activeBorder#424825fe
  • activityBar.activeFocusBorder#6D809400
  • activityBar.background#ECEFECfe
  • activityBar.border#8A7B6C00
  • activityBar.dropBorder#3C4223fe
  • activityBar.foreground#3B411Cfe
  • activityBar.inactiveForeground#3D463D65
  • activityBarBadge.background#728618fe
  • activityBarBadge.foreground#ECEFECfe
  • badge.background#728615fe
  • badge.foreground#ECEFECfe
  • banner.background#DADFDAfe
  • banner.foreground#143F14ce
  • banner.iconForeground#243559fe
  • breadcrumb.activeSelectionForeground#042894ca
  • breadcrumb.background#E8EBE8fe
  • breadcrumb.focusForeground#718613fe
  • breadcrumb.foreground#173E17ae
  • breadcrumbPicker.background#DADFDAfe
  • button.background#ADB8ADae
  • button.border#F6F7F500
  • button.foreground#143F14ce
  • button.hoverBackground#8E9D8E6e
  • button.secondaryBackground#DADFDAfe
  • button.secondaryForeground#143F14ce
  • button.secondaryHoverBackground#DADFDAfe
  • button.separator#F5F7F600
  • charts.blue#1b1bfffe
  • charts.foreground#143F14ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F1F3F1fe
  • chat.slashCommandBackground#DADFDAfe
  • chat.slashCommandForeground#143F14ce
  • checkbox.background#F1F3F1fe
  • checkbox.border#F1F3F1fe
  • checkbox.foreground#143F14ce
  • checkbox.selectBackground#F1F3F1fe
  • checkbox.selectBorder#F1F3F1fe
  • commandCenter.activeBackground#D3D4D887
  • commandCenter.activeBorder#F1F3F1fe
  • commandCenter.activeForeground#717F32fe
  • commandCenter.background#DADFDAfe
  • commandCenter.border#F1F3F1fe
  • commandCenter.foreground#143F14ce
  • commandCenter.inactiveBorder#CFD6CF91
  • commandCenter.inactiveForeground#48544865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F600
  • contrastBorder#F5F6F700
  • debugConsole.errorForeground#900090ce
  • debugConsole.infoForeground#143F14ce
  • debugConsole.sourceForeground#143F14ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#303643fe
  • debugExceptionWidget.background#FEC1FEca
  • debugExceptionWidget.border#F1F3F1fe
  • debugIcon.breakpointCurrentStackframeForeground#313931fe
  • debugIcon.breakpointDisabledForeground#39423965
  • debugIcon.breakpointForeground#083E2Cfe
  • debugIcon.breakpointStackframeForeground#0A307Dfe
  • debugIcon.breakpointUnverifiedForeground#4B0691fe
  • debugIcon.continueForeground#501876fe
  • debugIcon.disconnectForeground#353D3Bfe
  • debugIcon.pauseForeground#492072fe
  • debugIcon.restartForeground#552A15fe
  • debugIcon.startForeground#353D35fe
  • debugIcon.stepBackForeground#353D35fe
  • debugIcon.stepIntoForeground#003E31fe
  • debugIcon.stepOutForeground#3E342Ffe
  • debugIcon.stepOverForeground#552A15fe
  • debugIcon.stopForeground#1D3C34fe
  • debugTokenExpression.boolean#252721ca
  • debugTokenExpression.error#212725ca
  • debugTokenExpression.name#191A1Dca
  • debugTokenExpression.number#1E1A1Cca
  • debugTokenExpression.value#171619ca
  • debugToolBar.background#FEC1FEbe
  • debugToolBar.border#F1F3F1fe
  • debugView.exceptionLabelBackground#D8D2D5ca
  • debugView.exceptionLabelForeground#582919ca
  • debugView.stateLabelBackground#D3D6D9ca
  • debugView.stateLabelForeground#32391Dca
  • debugView.valueChangedHighlight#1D1F22ca
  • descriptionForeground#143F14ce
  • diffEditor.border#F6F7F500
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B5DFB7fb
  • diffEditor.insertedTextBorder#F6F7F500
  • diffEditor.move.border#F5F7F500
  • diffEditor.moveActive.border#F5F7F600
  • diffEditor.removedLineBackground#FEC6C631
  • diffEditor.removedTextBackground#FFC6C6fb
  • diffEditor.removedTextBorder#F6F7F500
  • diffEditor.unchangedCodeBackground#DADFDAfe
  • diffEditor.unchangedRegionBackground#DADFDAfe
  • diffEditor.unchangedRegionForeground#143F14ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#1A5C1A65
  • dropdown.background#F1F3F1fe
  • dropdown.border#F1F3F1fe
  • dropdown.foreground#143F14ce
  • dropdown.listBackground#F1F3F1fe
  • editor.background#DADFDAfe
  • editor.findMatchBackground#ADB0A4a4
  • editor.findMatchBorder#F1F3F1fe
  • editor.findMatchHighlightBackground#A1A597a5
  • editor.findMatchHighlightBorder#F1F3F1fe
  • editor.findRangeHighlightBackground#A9ACB4a4
  • editor.findRangeHighlightBorder#F1F3F1fe
  • editor.focusedStackFrameHighlightBackground#B7B2BC89
  • editor.foldBackground#5C4C48a8
  • editor.foreground#143F14ce
  • editor.hoverHighlightBackground#998D89a7
  • editor.inactiveSelectionBackground#B6C0B695
  • editor.inlineValuesBackground#DADFDAfe
  • editor.inlineValuesForeground#143F14ce
  • editor.lineHighlightBackground#B6C0B6b2
  • editor.lineHighlightBorder#F7F5F600
  • editor.linkedEditingBackground#DADFDAfe
  • editor.rangeHighlightBackground#B4ACA9a8
  • editor.rangeHighlightBorder#F1F3F1fe
  • editor.selectionBackground#BEC0B6ac
  • editor.selectionForeground#193E19ca
  • editor.selectionHighlightBackground#A4A7B08c
  • editor.selectionHighlightBorder#F1F3F1fe
  • editor.snippetFinalTabstopHighlightBackground#9D8E95a8
  • editor.snippetFinalTabstopHighlightBorder#F1F3F1fe
  • editor.snippetTabstopHighlightBackground#A99BA2aa
  • editor.snippetTabstopHighlightBorder#F1F3F1fe
  • editor.stackFrameHighlightBackground#B4ACA9aa
  • editor.symbolHighlightBackground#918999a2
  • editor.symbolHighlightBorder#F1F3F1fe
  • editor.wordHighlightBackground#A0A3ADa1
  • editor.wordHighlightBorder#F7F5F600
  • editor.wordHighlightStrongBackground#A19692a7
  • editor.wordHighlightStrongBorder#F5F7F600
  • editor.wordHighlightTextBackground#A6A0ADaa
  • editor.wordHighlightTextBorder#F6F5F700
  • editorBracketHighlight.foreground1#0C0E0Cce
  • editorBracketHighlight.foreground2#0C0E0Cce
  • editorBracketHighlight.foreground3#0C0E0Cce
  • editorBracketHighlight.foreground4#0C0E0Cce
  • editorBracketHighlight.foreground5#0C0E0Cce
  • editorBracketHighlight.foreground6#0C0E0Cce
  • editorBracketHighlight.unexpectedBracket.foreground#143F14ce
  • editorBracketMatch.background#4B5134a2
  • editorBracketMatch.border#F1F3F1fe
  • editorBracketPairGuide.activeBackground1#643B928c
  • editorBracketPairGuide.activeBackground2#733F5985
  • editorBracketPairGuide.activeBackground3#733F5982
  • editorBracketPairGuide.activeBackground4#7143348e
  • editorBracketPairGuide.activeBackground5#6B30A58c
  • editorBracketPairGuide.activeBackground6#7C365C87
  • editorBracketPairGuide.background1#D7D4DAfe
  • editorBracketPairGuide.background2#D3D5D0fe
  • editorBracketPairGuide.background3#D4D6DAfe
  • editorBracketPairGuide.background4#D0D5D0fe
  • editorBracketPairGuide.background5#D9D5D3fe
  • editorBracketPairGuide.background6#D9D3D7fe
  • editorCodeLens.foreground#205A206e
  • editorCommentsWidget.rangeActiveBackground#3C553Cfe
  • editorCommentsWidget.rangeBackground#DADFDAfe
  • editorCommentsWidget.resolvedBorder#F1F3F1fe
  • editorCommentsWidget.unresolvedBorder#FFC6C6cb
  • editorCursor.background#DADFDAfe
  • editorCursor.foreground#71860Ffe
  • editorError.background#F5F6F700
  • editorError.border#F6F7F500
  • editorError.foreground#900090ce
  • editorGhostText.background#DADFDAfe
  • editorGhostText.border#F6F7F500
  • editorGhostText.foreground#265A266e
  • editorGroup.border#F1F3F1fe
  • editorGroup.dropBackground#DADFDAfe
  • editorGroup.dropIntoPromptBackground#DADFDAfe
  • editorGroup.dropIntoPromptBorder#F1F3F1fe
  • editorGroup.dropIntoPromptForeground#143F14ce
  • editorGroup.emptyBackground#DADFDAfe
  • editorGroup.focusedEmptyBorder#F1F3F1fe
  • editorGroupHeader.border#F6F7F500
  • editorGroupHeader.noTabsBackground#ECEFECae
  • editorGroupHeader.tabsBackground#D6DBD6a1
  • editorGroupHeader.tabsBorder#F7F6F500
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#DADFDAfe
  • editorGutter.commentGlyphForeground#143F14ce
  • editorGutter.commentRangeForeground#143F14ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#143F14ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F6F7F500
  • editorHint.foreground#3C00FAce
  • editorHoverWidget.background#F1F3F1fe
  • editorHoverWidget.border#F1F3F1fe
  • editorHoverWidget.foreground#143F14ce
  • editorHoverWidget.highlightForeground#65163Dca
  • editorHoverWidget.statusBarBackground#DADFDAfe
  • editorIndentGuide.activeBackground1#3A4215fe
  • editorIndentGuide.activeBackground2#484F27fe
  • editorIndentGuide.activeBackground3#3B4118fe
  • editorIndentGuide.activeBackground4#3C4223fe
  • editorIndentGuide.activeBackground5#3A411Bfe
  • editorIndentGuide.activeBackground6#384210fe
  • editorIndentGuide.background1#5D535035
  • editorIndentGuide.background2#4B434135
  • editorIndentGuide.background3#4C4F5835
  • editorIndentGuide.background4#66585F35
  • editorIndentGuide.background5#4B434135
  • editorIndentGuide.background6#5F586635
  • editorInfo.background#F7F6F500
  • editorInfo.border#F6F7F500
  • editorInfo.foreground#3C00FAce
  • editorInlayHint.background#DADFDAfe
  • editorInlayHint.foreground#143F14ce
  • editorInlayHint.parameterBackground#DADFDAfe
  • editorInlayHint.parameterForeground#143F14ce
  • editorInlayHint.typeBackground#DADFDAfe
  • editorInlayHint.typeForeground#143F14ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#6B7831fe
  • editorLineNumber.dimmedForeground#2359236e
  • editorLineNumber.foreground#205A206e
  • editorLink.activeForeground#6B7831fe
  • editorMarkerNavigation.background#F1F3F1fe
  • editorMarkerNavigationError.background#FEC1FEb8
  • editorMarkerNavigationError.headerBackground#FEC1FEaa
  • editorMarkerNavigationInfo.background#D1D1FFfe
  • editorMarkerNavigationInfo.headerBackground#D1D1FFfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DADFDAfe
  • editorOverviewRuler.border#D0D6D0fe
  • editorOverviewRuler.bracketMatchForeground#143F14ce
  • editorOverviewRuler.commentForeground#1D5B1D6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#143F14ce
  • editorOverviewRuler.currentContentForeground#4E4E4Eca
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#900090ce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FAce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#5F1D44ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FAce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#1D3C34ca
  • editorOverviewRuler.wordHighlightStrongForeground#143F14ce
  • editorOverviewRuler.wordHighlightTextForeground#143F14ce
  • editorPane.background#DADFDAfe
  • editorRuler.foreground#3A563A31
  • editorStickyScroll.background#DADFDAfe
  • editorStickyScrollHover.background#CFD6CF6e
  • editorSuggestWidget.background#F1F3F1fe
  • editorSuggestWidget.border#F6F7F500
  • editorSuggestWidget.focusHighlightForeground#38421Cfe
  • editorSuggestWidget.foreground#0F3F0Ffe
  • editorSuggestWidget.highlightForeground#5F1D44ca
  • editorSuggestWidget.selectedBackground#A1969284
  • editorSuggestWidget.selectedForeground#501876ca
  • editorSuggestWidget.selectedIconForeground#003E31ca
  • editorSuggestWidgetStatus.foreground#552A15fe
  • editorUnicodeHighlight.background#A5979Ea3
  • editorUnicodeHighlight.border#F1F3F1fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F5F600
  • editorWarning.border#F5F6F700
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#143F14ce
  • editorWidget.background#F1F3F1fe
  • editorWidget.border#F1F3F1fe
  • editorWidget.foreground#143F14ce
  • editorWidget.resizeBorder#F1F3F1fe
  • errorForeground#900090ce
  • extensionBadge.remoteBackground#71860Ffe
  • extensionBadge.remoteForeground#ECEFECfe
  • extensionButton.background#D0D6D0ae
  • extensionButton.foreground#143F14ce
  • extensionButton.hoverBackground#CFD6CF6e
  • extensionButton.prominentBackground#DADFDAfe
  • extensionButton.prominentForeground#143F14ce
  • extensionButton.prominentHoverBackground#DADFDAfe
  • extensionButton.separator#F5F7F500
  • extensionIcon.preReleaseForeground#333828fe
  • extensionIcon.sponsorForeground#661C03fe
  • extensionIcon.starForeground#253B25fe
  • extensionIcon.verifiedForeground#45303Cfe
  • focusBorder#F6F5F700
  • foreground#143F14ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FAce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#305730ae
  • inlineChat.background#D7D4D2ca
  • inlineChat.border#D0D6D5ca
  • inlineChat.regionHighlight#191617ca
  • inlineChat.shadow#212721ca
  • inlineChatDiff.inserted#221D20ca
  • inlineChatDiff.removed#1C1A1Eca
  • inlineChatInput.background#191D19ca
  • inlineChatInput.border#DAD3D7ca
  • inlineChatInput.focusBorder#F7F5F600
  • inlineChatInput.placeholderForeground#2F3A04ca
  • input.background#F1F3F1fe
  • input.border#F1F3F1fe
  • input.foreground#143F14ce
  • input.placeholderForeground#1A5C1A65
  • inputOption.activeBackground#F1F3F1fe
  • inputOption.activeBorder#F1F3F1fe
  • inputOption.activeForeground#6B7831fe
  • inputOption.hoverBackground#F1F3F1fe
  • inputValidation.errorBackground#670067c8
  • inputValidation.errorBorder#FEC1FE9f
  • inputValidation.errorForeground#900090ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F1F3F1fe
  • inputValidation.infoForeground#143F14ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F1F3F1fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F1F3F1fe
  • interactive.inactiveCodeBorder#CFD6CF9c
  • keybindingLabel.background#DADFDAfe
  • keybindingLabel.border#F1F3F1fe
  • keybindingLabel.bottomBorder#F1F3F1fe
  • keybindingLabel.foreground#143F14ce
  • keybindingTable.headerBackground#DADFDAfe
  • keybindingTable.rowsBackground#DADFDAfe
  • list.activeSelectionBackground#97A5A18b
  • list.activeSelectionForeground#552A15ca
  • list.activeSelectionIconForeground#5A2817ca
  • list.deemphasizedForeground#143F14ce
  • list.dropBackground#DADFDAfe
  • list.errorForeground#900090ce
  • list.filterMatchBackground#DADFDAfe
  • list.filterMatchBorder#F1F3F1fe
  • list.focusAndSelectionOutline#F6F5F700
  • list.focusBackground#C4CCC497
  • list.focusForeground#728618fe
  • list.focusHighlightForeground#4A3A34fe
  • list.focusOutline#F6F5F700
  • list.highlightForeground#1E365Aca
  • list.hoverBackground#D3D5CEab
  • list.hoverForeground#728618fe
  • list.inactiveFocusBackground#B6C0B692
  • list.inactiveFocusOutline#F5F6F700
  • list.inactiveSelectionBackground#ECEFECae
  • list.inactiveSelectionForeground#444F4465
  • list.inactiveSelectionIconForeground#444F4465
  • list.invalidItemForeground#143F14ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#DADFDAfe
  • listFilterWidget.noMatchesOutline#F6F7F500
  • listFilterWidget.outline#F6F5F700
  • listFilterWidget.shadow#F7F6F500
  • menu.background#ECEFECfe
  • menu.border#F6F7F500
  • menu.foreground#163F16ae
  • menu.selectionBackground#BEC0B6a3
  • menu.selectionBorder#F7F5F600
  • menu.selectionForeground#728618fe
  • menu.separatorBackground#D0D6D065
  • menubar.selectionBackground#BEC0B6a4
  • menubar.selectionBorder#F7F5F600
  • menubar.selectionForeground#728618fe
  • merge.border#F1F3F1fe
  • merge.commonContentBackground#DADFDAfe
  • merge.commonHeaderBackground#DADFDAfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B5DFB7fb
  • merge.incomingContentBackground#B5DFB7cb
  • merge.incomingHeaderBackground#B5DFB7fb
  • mergeEditor.change.background#DADFDAfe
  • mergeEditor.change.word.background#DADFDAfe
  • mergeEditor.changeBase.background#DADFDAfe
  • mergeEditor.changeBase.word.background#DADFDAfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F1F3F1fe
  • mergeEditor.conflict.handledUnfocused.border#D1D7D132
  • mergeEditor.conflict.input1.background#F1F3F1fe
  • mergeEditor.conflict.input2.background#F1F3F1fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c8
  • mergeEditor.conflict.unhandledFocused.border#F1F3F1fe
  • mergeEditor.conflict.unhandledUnfocused.border#CFD6CF27
  • mergeEditor.conflictingLines.background#DADFDAfe
  • minimap.background#DADFDAfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0E0Cce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A40000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#778977fe
  • minimapSlider.background#A0ADA0ae
  • minimapSlider.hoverBackground#8E9D8E6e
  • notebook.cellBorderColor#F1F3F1fe
  • notebook.cellEditorBackground#DADFDAfe
  • notebook.cellHoverBackground#DADFDAfe
  • notebook.cellInsertionIndicator#272321ca
  • notebook.cellStatusBarItemHoverBackground#DADFDAfe
  • notebook.cellToolbarSeparator#252721ca
  • notebook.editorBackground#DADFDAfe
  • notebook.focusedCellBackground#DADFDAfe
  • notebook.focusedCellBorder#717F32fe
  • notebook.focusedEditorBorder#F1F3F1fe
  • notebook.inactiveFocusedCellBorder#7789778e
  • notebook.inactiveSelectedCellBorder#8091808e
  • notebook.outputContainerBackgroundColor#DADFDAfe
  • notebook.outputContainerBorderColor#F1F3F1fe
  • notebook.selectedCellBackground#DADFDAfe
  • notebook.selectedCellBorder#F1F3F1fe
  • notebook.symbolHighlightBackground#DADFDAfe
  • notebookEditorOverviewRuler.runningCellForeground#143F14ce
  • notebookScrollbarSlider.activeBackground#738573fe
  • notebookScrollbarSlider.background#A4B0A4ae
  • notebookScrollbarSlider.hoverBackground#8999896e
  • notebookStatusErrorIcon.foreground#900090ce
  • notebookStatusRunningIcon.foreground#353D35fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F1F3F1fe
  • notificationCenterHeader.background#DADFDAfe
  • notificationCenterHeader.foreground#143F14ce
  • notificationLink.foreground#143F14ce
  • notifications.background#DADFDAfe
  • notifications.border#F1F3F1fe
  • notifications.foreground#143F14ce
  • notificationsErrorIcon.foreground#900090ce
  • notificationsInfoIcon.foreground#3C3250fe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F1F3F1fe
  • panel.background#DADFDAfe
  • panel.border#F1F3F1fe
  • panel.dropBorder#F1F3F1fe
  • panelInput.border#F1F3F1fe
  • panelSection.border#F1F3F1fe
  • panelSection.dropBackground#DADFDAfe
  • panelSectionHeader.background#DADFDAfe
  • panelSectionHeader.border#F1F3F1fe
  • panelSectionHeader.foreground#143F14ce
  • panelTitle.activeBorder#F6F7F500
  • panelTitle.activeForeground#3B4118fe
  • panelTitle.inactiveForeground#414B4165
  • peekView.border#3A4215fe
  • peekViewEditor.background#F1F3F1fe
  • peekViewEditor.matchHighlightBackground#B3ADB88d
  • peekViewEditor.matchHighlightBorder#F5F7F600
  • peekViewEditorGutter.background#F1F3F1fe
  • peekViewEditorStickyScroll.background#DADFDAfe
  • peekViewResult.background#ECEFECfe
  • peekViewResult.fileForeground#143F14ce
  • peekViewResult.lineForeground#143F14ce
  • peekViewResult.matchHighlightBackground#998D8982
  • peekViewResult.selectionBackground#9DA19288
  • peekViewResult.selectionForeground#65163Dca
  • peekViewTitle.background#ECEFECfe
  • peekViewTitleDescription.foreground#143F14ce
  • peekViewTitleLabel.foreground#143F14ce
  • pickerGroup.border#F1F3F1fe
  • pickerGroup.foreground#143F14ce
  • ports.iconRunningProcessForeground#313931fe
  • problemsErrorIcon.foreground#900090ce
  • problemsInfoIcon.foreground#3C00FAce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#71860Ffe
  • profileBadge.foreground#ECEFECfe
  • progressBar.background#DADFDAfe
  • quickInput.background#ECEFECfe
  • quickInput.foreground#153E15ae
  • quickInputList.focusBackground#A4B0A4a8
  • quickInputList.focusForeground#718611fe
  • quickInputList.focusIconForeground#728516fe
  • quickInputTitle.background#F1F3F1fe
  • sash.hoverBorder#F1F3F1fe
  • scrollbar.shadow#F6F5F700
  • scrollbarSlider.activeBackground#778977fe
  • scrollbarSlider.background#ADB8ADae
  • scrollbarSlider.hoverBackground#97A5976e
  • search.resultsInfoForeground#143F14ce
  • searchEditor.findMatchBackground#9D928Ea9
  • searchEditor.findMatchBorder#F1F3F1fe
  • searchEditor.textInputBorder#F1F3F1fe
  • selection.background#DADFDAfe
  • settings.checkboxBackground#F1F3F1fe
  • settings.checkboxBorder#F1F3F1fe
  • settings.checkboxForeground#143F14ce
  • settings.dropdownBackground#F1F3F1fe
  • settings.dropdownBorder#F1F3F1fe
  • settings.dropdownForeground#143F14ce
  • settings.dropdownListBorder#F1F3F1fe
  • settings.focusedRowBackground#A9B4B181
  • settings.focusedRowBorder#F1F3F1fe
  • settings.headerBorder#F1F3F1fe
  • settings.headerForeground#143F14ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F1F3F1fe
  • settings.numberInputBorder#F1F3F1fe
  • settings.numberInputForeground#143F14ce
  • settings.rowHoverBackground#DADFDAfe
  • settings.sashBorder#F1F3F1fe
  • settings.settingsHeaderHoverForeground#718617fe
  • settings.textInputBackground#F1F3F1fe
  • settings.textInputBorder#F1F3F1fe
  • settings.textInputForeground#143F14ce
  • sideBar.background#DADFDAfe
  • sideBar.border#F1F3F1fe
  • sideBar.dropBackground#DADFDAfe
  • sideBar.foreground#305730ae
  • sideBarSectionHeader.background#F5F7F600
  • sideBarSectionHeader.border#F1F3F1fe
  • sideBarSectionHeader.foreground#143F14ce
  • sideBarTitle.foreground#143F14ce
  • sideBySideEditor.horizontalBorder#F1F3F1fe
  • sideBySideEditor.verticalBorder#F1F3F1fe
  • simpleFindWidget.sashBorder#F1F3F1fe
  • statusBar.background#ECEFECfe
  • statusBar.border#F1F3F1fe
  • statusBar.debuggingBackground#FEC1FEa6
  • statusBar.debuggingBorder#F1F3F1fe
  • statusBar.debuggingForeground#143F14ce
  • statusBar.focusBorder#F5F7F600
  • statusBar.foreground#1D5B1D6e
  • statusBar.noFolderBackground#ECEFECfe
  • statusBar.noFolderBorder#F1F3F1fe
  • statusBar.noFolderForeground#143F14ce
  • statusBarItem.activeBackground#ECEFECfe
  • statusBarItem.compactHoverBackground#ECEFECfe
  • statusBarItem.errorBackground#FEC1FEb4
  • statusBarItem.errorForeground#900090ce
  • statusBarItem.errorHoverBackground#FEC1FEb1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F7F500
  • statusBarItem.hoverBackground#ECEFECfe
  • statusBarItem.hoverForeground#717F32fe
  • statusBarItem.offlineBackground#ECEFECfe
  • statusBarItem.offlineForeground#143F14ce
  • statusBarItem.offlineHoverBackground#ECEFECfe
  • statusBarItem.offlineHoverForeground#728618fe
  • statusBarItem.prominentBackground#ECEFECfe
  • statusBarItem.prominentForeground#143F14ce
  • statusBarItem.prominentHoverBackground#ECEFECfe
  • statusBarItem.prominentHoverForeground#728618fe
  • statusBarItem.remoteBackground#718617fe
  • statusBarItem.remoteForeground#ECEFECfe
  • statusBarItem.remoteHoverBackground#ECEFECfe
  • statusBarItem.remoteHoverForeground#717F32fe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#32391Dfe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#43332Cfe
  • symbolIcon.colorForeground#003E31fe
  • symbolIcon.constantForeground#263A34fe
  • symbolIcon.constructorForeground#582919fe
  • symbolIcon.enumeratorForeground#193E19fe
  • symbolIcon.enumeratorMemberForeground#582919fe
  • symbolIcon.eventForeground#35373Dfe
  • symbolIcon.fieldForeground#552A15fe
  • symbolIcon.fileForeground#2F3A04fe
  • symbolIcon.folderForeground#253B25fe
  • symbolIcon.functionForeground#333915fe
  • symbolIcon.interfaceForeground#31391Bfe
  • symbolIcon.keyForeground#083E2Cfe
  • symbolIcon.keywordForeground#493125fe
  • symbolIcon.methodForeground#0A307Dfe
  • symbolIcon.moduleForeground#263A34fe
  • symbolIcon.namespaceForeground#1B3D1Bfe
  • symbolIcon.nullForeground#193E19fe
  • symbolIcon.numberForeground#501876fe
  • symbolIcon.objectForeground#1B3C34fe
  • symbolIcon.operatorForeground#333915fe
  • symbolIcon.packageForeground#333828fe
  • symbolIcon.propertyForeground#45303Cfe
  • symbolIcon.referenceForeground#303643fe
  • symbolIcon.snippetForeground#203C20fe
  • symbolIcon.stringForeground#1B3C34fe
  • symbolIcon.structForeground#3D3147fe
  • symbolIcon.textForeground#5F1D44fe
  • symbolIcon.typeParameterForeground#32363Ffe
  • symbolIcon.unitForeground#453229fe
  • symbolIcon.variableForeground#042894fe
  • tab.activeBackground#E8EBE8fe
  • tab.activeBorder#F7F6F500
  • tab.activeBorderTop#3A411Bfe
  • tab.activeForeground#3B4118fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F7F600
  • tab.hoverBackground#4B5237ab
  • tab.hoverBorder#F1F3F1fe
  • tab.hoverForeground#728615fe
  • tab.inactiveBackground#CFD6CF97
  • tab.inactiveForeground#48544865
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F1F3F1fe
  • tab.unfocusedActiveBackground#CDD4CD24
  • tab.unfocusedActiveBorder#F5F7F500
  • tab.unfocusedActiveBorderTop#D1D7D165
  • tab.unfocusedActiveForeground#48544865
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3A563A3c
  • tab.unfocusedHoverBorder#D1D7D131
  • tab.unfocusedHoverForeground#414B4165
  • tab.unfocusedInactiveBackground#C4CCC49d
  • tab.unfocusedInactiveForeground#444F4465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ba
  • 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#670067a6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb3
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DADFDAfe
  • terminal.border#F1F3F1fe
  • terminal.dropBackground#DADFDAfe
  • terminal.findMatchBackground#DADFDAfe
  • terminal.findMatchBorder#F1F3F1fe
  • terminal.findMatchHighlightBackground#DADFDAfe
  • terminal.findMatchHighlightBorder#F1F3F1fe
  • terminal.foreground#305730ae
  • terminal.hoverHighlightBackground#DADFDAfe
  • terminal.inactiveSelectionBackground#B6C0B698
  • terminal.selectionBackground#A99BA281
  • terminal.selectionForeground#1D3C34ca
  • terminal.tab.activeBorder#3C4223fe
  • terminalCommandDecoration.defaultBackground#2F574Cac
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DADFDAfe
  • terminalCursor.foreground#718613fe
  • terminalOverviewRuler.cursorForeground#143F14ce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b1
  • testing.iconUnset#808080c2
  • testing.message.error.decorationForeground#49541Afe
  • testing.message.error.lineBackground#FEC1FEa1
  • testing.message.info.decorationForeground#485411fe
  • testing.message.info.lineBackground#D1D1FFfe
  • testing.peekBorder#F1F3F1fe
  • testing.peekHeaderBackground#DADFDAfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DADFDAfe
  • textBlockQuote.border#F1F3F1fe
  • textCodeBlock.background#DADFDAfe
  • textLink.activeForeground#717F32fe
  • textLink.foreground#3C00FAce
  • textPreformat.foreground#143F14ce
  • textSeparator.foreground#143F14ce
  • titleBar.activeBackground#ECEFECfe
  • titleBar.activeForeground#164816ae
  • titleBar.border#F6F5F700
  • titleBar.inactiveBackground#CFD6CFd3
  • titleBar.inactiveForeground#444F4465
  • toolbar.activeBackground#D8D2D586
  • toolbar.hoverBackground#DADFDAfe
  • toolbar.hoverOutline#F5F6F700
  • tree.inactiveIndentGuidesStroke#4B434135
  • tree.indentGuidesStroke#495416fe
  • tree.tableColumnsBorder#F1F3F1fe
  • tree.tableOddRowsBackground#DADFDAfe
  • walkThrough.embeddedEditorBackground#DADFDAfe
  • walkthrough.stepTitle.foreground#143F14ce
  • welcomePage.background#DADFDAfe
  • welcomePage.progress.background#DADFDAfe
  • welcomePage.progress.foreground#143F14ce
  • welcomePage.tileBackground#DADFDAfe
  • welcomePage.tileBorder#F1F3F1fe
  • welcomePage.tileHoverBackground#DADFDAfe
  • widget.border#F1F3F1fe
  • widget.shadow#F5F7F600
  • window.activeBorder#F1F3F1fe
  • window.inactiveBorder#CFD6CF99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1835186e
comment.block.html#1735176e
comment.block.java#1635166e
comment.block.javadoc.java#1635166e
comment.block.powershell#1835186e
comment.block.xml#1536156e
comment.line.double-slash.c#1635166e
comment.line.double-slash.cpp#1635166e
comment.line.double-slash.java#1735176e
comment.line.double-slash.js#1635166e
comment.line.number-sign.makefile#1735176e
comment.line.number-sign.python#1536156e
comment.line.number-sign.yaml#1635166e
comment.line.percentage.erlang#1835186e
comment.line.powershell#1536156e
comment.source.cmake#1735176e
comment.source.cmakecache#1735176e
constant.character#4F2E27de
constant.character.character-class.regexp#511F14de
constant.character.escape#5C2B46de
constant.character.set.regexp#861E09de
constant.language#134E43de
constant.numeric#16342Fde
constant.numeric.dec.python#03362Ede
constant.other.caps.python#404A14de
constant.other.character-class.regexp#581238de
constant.other.character-class.set.regexp#422923de
constant.other.color.rgb-value#1E3631de
constant.other.placeholder#213C21de
constant.other.rgb-value#2C311Ade
constant.regexp#5C342Bde
constant.sha.git-rebase#0C2871de
emphasis#105110de
entity.name.class#46027Bde
entity.name.function#2A3204de
entity.name.function.preprocessor#304171de
entity.name.function.python#163516de
entity.name.label#013801de
entity.name.namespace#511F14de
entity.name.operator#422822de
entity.name.operator.custom-literal#861E09de
entity.name.scope-resolution#5B1604de
entity.name.tag#552941de
entity.name.tag.css#581238de
entity.name.type#404A15debold
entity.name.variable#422923de
entity.other.attribute#871D05de
entity.other.attribute-name#4B241Cde
entity.other.attribute-name.class.css#553129de
entity.other.attribute-name.class.mixin.css#482538de
entity.other.attribute-name.id#404A16de
entity.other.attribute-name.id.css#553129de
entity.other.attribute-name.parent-selector.css#511B38de
entity.other.attribute-name.pseudo-class.css#553129de
entity.other.attribute-name.pseudo-element.css#5B1604de
entity.other.attribute-name.scss#5B1604de
entity.other.document.begin.yaml#1735176e
entity.other.inherited-class#145114de
header#4B241Cde
invalid#553129de
keyword#3C2452debold
keyword.codetag.notation.python#373C21debold
keyword.control#242E4Adebold
keyword.control.anchor.regexp#254825debold
keyword.control.import.python#1B2D57debold
keyword.operator#861E09debold
keyword.operator.alignas#4F2E6Adebold
keyword.operator.alignof#27324Fdebold
keyword.operator.cast#17342Edebold
keyword.operator.delete#1E361Edebold
keyword.operator.documentation.powershell#1635166ebold
keyword.operator.expression#632D4Adebold
keyword.operator.instanceof#404A12debold
keyword.operator.logical.python#373C21debold
keyword.operator.minus.exponent#3C4223debold
keyword.operator.negation.regexp#552941debold
keyword.operator.new#3B264Ddebold
keyword.operator.noexcept#04362Ddebold
keyword.operator.or.regexp#422822debold
keyword.operator.plus.exponent#2C3116debold
keyword.operator.quantifier.regexp#462B5Cdebold
keyword.operator.sizeof#4C1F38debold
keyword.operator.typeid#553129debold
keyword.operator.wordlike#145114debold
keyword.other.operator#31361Edebold
keyword.other.package.java#45136Bdebold
keyword.other.unit#02267Adebold
keyword.other.using#013801debold
markup.bold#632D4Ade
markup.changed#145114de
markup.deleted#3F1F5Ade
markup.fenced_code.block.markdown#142B63de
markup.heading#482538de
markup.inline.raw#533071de
markup.inserted#581238de
markup.italic#0C352Ede
markup.raw.block.markdown#23423Cde
markup.strikethrough#3F4A10de
markup.underline#46027Bde
meta.block.c#293555de
meta.block.c#1E361Ede
meta.class.java#404A14de
meta.definition.variable.name#252F48de
meta.diff.header#4A2D63de
meta.embedded#232E4Bde
meta.embedded.assembly#3C2452de
meta.function-call.arguments.python#5B1604de
meta.function-call.python#482C25de
meta.member.access.python#013801de
meta.method.java#23423Cde
meta.object-literal.key#254825de
meta.paragraph.markdown#5C342Bde
meta.preprocessor#4C2318de
meta.preprocessor.numeric#412955de
meta.preprocessor.string#411A65de
meta.scope.prerequisites.makefile#163516de
meta.structure.dictionary.json.comments#1635166e
meta.structure.dictionary.key.python#163516de
meta.structure.dictionary.value.json.comments#1735176e
meta.template.expression#412955de
meta.type.cast.expr#1E361Edebold
meta.type.new.expr#6A2E4Fdebold
parameter#252F48de
punctuation.character.set.begin.regexp#552941de
punctuation.character.set.end.regexp#2C3116de
punctuation.definition.array.begin.json#4F273Dde
punctuation.definition.character-class.regexp#412955de
punctuation.definition.comment#1835186e
punctuation.definition.comment.json.comments#1536156e
punctuation.definition.comment.python#1635166e
punctuation.definition.dictionary.begin.json#212E4Dde
punctuation.definition.dictionary.end.json#2A3204de
punctuation.definition.group.assertion.regexp#27324Fde
punctuation.definition.group.regexp#4C2318de
punctuation.definition.list.begin.json#4C2318de
punctuation.definition.list.begin.markdown#54173Ade
punctuation.definition.list.begin.python#163516de
punctuation.definition.list.end.json#164E44de
punctuation.definition.list.end.markdown#2C3207de
punctuation.definition.list.end.python#2A3204de
punctuation.definition.parameters.begin.python#254825de
punctuation.definition.parameters.end.bracket.round.java#252F48de
punctuation.definition.quote.begin.markdown#3C2452de
punctuation.definition.tag#5F0437de
punctuation.definition.template-expression.begin#3C4223de
punctuation.definition.template-expression.end#2B385Cde
punctuation.section.class.begin.bracket.curly.java#5F0437de
punctuation.section.embedded#552941de
punctuation.section.embedded.begin.php#4F273Dde
punctuation.section.embedded.end.php#46027Bde
punctuation.terminator.java#254825de
source.cmake#03362Ede
source.coffee.embedded#163516de
source.cpp#04362Dde
source.css.less#31361Ede
source.groovy.embedded#5E0636de
source.java#533071de
source.java-properties#304171de
source.json.comments#1536156e
source.makefile#511F14de
source.powershell#1B2D57de
source.powershell.variable.other.member#254842de
source.python#581238de
storage#31361Ede
storage.modifier#1B2D57de
storage.modifier.import.java#2C3207de
storage.modifier.package.java#482538de
storage.type#54173Adebold
storage.type.annotation.groovy#4C2318debold
storage.type.annotation.java#404A16debold
storage.type.boolean.go#164E44debold
storage.type.byte.go#3E2157debold
storage.type.cs#581238debold
storage.type.error.go#03362Edebold
storage.type.generic.cs#125112debold
storage.type.generic.groovy#213C21debold
storage.type.generic.java#422822debold
storage.type.groovy#03362Edebold
storage.type.java#2C3207debold
storage.type.modifier.cs#0E510Edebold
storage.type.numeric.go#553129debold
storage.type.object.array.groovy#1B2D57debold
storage.type.object.array.java#45136Bdebold
storage.type.parameters.groovy#1E361Edebold
storage.type.primitive.array.groovy#2C3207debold
storage.type.primitive.array.java#422923debold
storage.type.primitive.groovy#0C2871debold
storage.type.primitive.java#5C2B46debold
storage.type.rune.go#16342Fdebold
storage.type.string.go#553129debold
storage.type.token.java#4B241Cdebold
storage.type.uintptr.go#412955debold
storage.type.variable.cs#0C510Cdebold
string#163516de
string.quoted.docstring.multi.python#1735176e
string.regexp#3B254Dde
string.tag#5B1604de
string.value#232E4Bde
strong#2E3E6Ade
support.class#293555de
support.constant.color#411A65de
support.constant.dom#3F1F5Ade
support.constant.font-name#6A2E4Fde
support.constant.handlebars#632D4Ade
support.constant.json#404A14de
support.constant.math#2B385Cde
support.constant.media#511B38de
support.constant.media-type#482538debold
support.constant.property-value#4C1F38de
support.function#2E3E6Ade
support.function.git-rebase#3C4223de
support.other.parenthesis.regexp#02267Ade
support.type#3F4A0Edebold
support.type.property-name#6A2E4Fdebold
support.type.vendored.property-name#63362Ddebold
support.variable#252F48de
token.debug-token#2C3207de
token.error-token#4F2E27de
token.info-token#142B63de
token.warn-token#404A14de
variable#871D05de
variable.css#3F4A10de
variable.language#462B5Cde
variable.language.wildcard.java#46027Bde
variable.other.constant#46027Bde
variable.other.definition.java#482336de
variable.other.enummember#482C25de
variable.other.less#46027Bde
variable.other.object.java#02267Ade
variable.other.object.property.java#871D05de
variable.parameter.c#48251Fde
variable.parameter.function.language.python#16342Fde
variable.parameter.java#404A12de
variable.scss#0E510Ede