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#16161efe
  • activityBar.activeBackground#16161efe
  • activityBar.activeBorder#969CF6fe
  • activityBar.activeFocusBorder#4C6B6B00
  • activityBar.background#0D0D12fe
  • activityBar.border#71615000
  • activityBar.dropBorder#9DA4FEfe
  • activityBar.foreground#A0A5FEfe
  • activityBar.inactiveForeground#A2A2BA65
  • activityBarBadge.background#4B54E3fe
  • activityBarBadge.foreground#0D0D12fe
  • badge.background#4B54E3fe
  • badge.foreground#0D0D12fe
  • banner.background#16161efe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#E4DDE5fe
  • breadcrumb.activeSelectionForeground#E0D8E1ca
  • breadcrumb.background#0F0F15fe
  • breadcrumb.focusForeground#4751DFfe
  • breadcrumb.foreground#D7D7FEae
  • breadcrumbPicker.background#16161efe
  • button.background#414158ae
  • button.border#0A0E0E00
  • button.foreground#E8E8FEce
  • button.hoverBackground#4848626e
  • button.secondaryBackground#16161efe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#16161efe
  • button.separator#0A0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C10fe
  • chat.slashCommandBackground#16161efe
  • chat.slashCommandForeground#E8E8FEce
  • checkbox.background#0C0C10fe
  • checkbox.border#0C0C10fe
  • checkbox.foreground#E8E8FEce
  • checkbox.selectBackground#0C0C10fe
  • checkbox.selectBorder#0C0C10fe
  • commandCenter.activeBackground#33183786
  • commandCenter.activeBorder#0C0C10fe
  • commandCenter.activeForeground#4751DFfe
  • commandCenter.background#16161efe
  • commandCenter.border#0C0C10fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#01015A96
  • commandCenter.inactiveForeground#A2A2BA65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0B00
  • contrastBorder#0A0A0E00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C9D6D6fe
  • debugExceptionWidget.background#440044bf
  • debugExceptionWidget.border#0C0C10fe
  • debugIcon.breakpointCurrentStackframeForeground#E1D8DAfe
  • debugIcon.breakpointDisabledForeground#B6B6C965
  • debugIcon.breakpointForeground#DCD3DDfe
  • debugIcon.breakpointStackframeForeground#C8CFC0fe
  • debugIcon.breakpointUnverifiedForeground#CFC8C0fe
  • debugIcon.continueForeground#D0C4D2fe
  • debugIcon.disconnectForeground#E5E1DDfe
  • debugIcon.pauseForeground#DDE5DFfe
  • debugIcon.restartForeground#C4D2C8fe
  • debugIcon.startForeground#DACED1fe
  • debugIcon.stepBackForeground#B6C7BBfe
  • debugIcon.stepIntoForeground#D2CCC4fe
  • debugIcon.stepOutForeground#DDE1D8fe
  • debugIcon.stepOverForeground#DDD3D6fe
  • debugIcon.stopForeground#DCDCE5fe
  • debugTokenExpression.boolean#E5E8E1ca
  • debugTokenExpression.error#DCDCE5ca
  • debugTokenExpression.name#D3DDDDca
  • debugTokenExpression.number#D3DDD6ca
  • debugTokenExpression.value#E0D8E1ca
  • debugToolBar.background#4400449f
  • debugToolBar.border#0C0C10fe
  • debugView.exceptionLabelBackground#2C1D30ca
  • debugView.exceptionLabelForeground#CEDAD1ca
  • debugView.stateLabelBackground#1E2318ca
  • debugView.stateLabelForeground#DDD9D3ca
  • debugView.valueChangedHighlight#E1D8DAca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0A0E0E00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#00290031
  • diffEditor.insertedTextBackground#0F2710fb
  • diffEditor.insertedTextBorder#0D0A0E00
  • diffEditor.move.border#0E0A0B00
  • diffEditor.moveActive.border#0A0E0E00
  • diffEditor.removedLineBackground#4E000031
  • diffEditor.removedTextBackground#4D0000fb
  • diffEditor.removedTextBorder#0D0A0E00
  • diffEditor.unchangedCodeBackground#16161efe
  • diffEditor.unchangedRegionBackground#16161efe
  • diffEditor.unchangedRegionForeground#E8E8FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B6B6C965
  • dropdown.background#0C0C10fe
  • dropdown.border#0C0C10fe
  • dropdown.foreground#E8E8FEce
  • dropdown.listBackground#0C0C10fe
  • editor.background#16161efe
  • editor.findMatchBackground#454D3Aa7
  • editor.findMatchBorder#0C0C10fe
  • editor.findMatchHighlightBackground#3B4D4Da1
  • editor.findMatchHighlightBorder#0C0C10fe
  • editor.findRangeHighlightBackground#677357a3
  • editor.findRangeHighlightBorder#0C0C10fe
  • editor.focusedStackFrameHighlightBackground#66506A89
  • editor.foldBackground#A6BCBCa6
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#5D4960ac
  • editor.inactiveSelectionBackground#47476297
  • editor.inlineValuesBackground#16161efe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#272736b3
  • editor.lineHighlightBorder#0A0E0B00
  • editor.linkedEditingBackground#16161efe
  • editor.rangeHighlightBackground#58455Ba3
  • editor.rangeHighlightBorder#0C0C10fe
  • editor.selectionBackground#3A4D4Da4
  • editor.selectionForeground#CEDAD1ca
  • editor.selectionHighlightBackground#4C655385
  • editor.selectionHighlightBorder#0C0C10fe
  • editor.snippetFinalTabstopHighlightBackground#564359a5
  • editor.snippetFinalTabstopHighlightBorder#0C0C10fe
  • editor.snippetTabstopHighlightBackground#6F6354a4
  • editor.snippetTabstopHighlightBorder#0C0C10fe
  • editor.stackFrameHighlightBackground#56435Aad
  • editor.symbolHighlightBackground#66506Aac
  • editor.symbolHighlightBorder#0C0C10fe
  • editor.wordHighlightBackground#474763ab
  • editor.wordHighlightBorder#0C0E0A00
  • editor.wordHighlightStrongBackground#3B4F40a5
  • editor.wordHighlightStrongBorder#0A0E0B00
  • editor.wordHighlightTextBackground#484862a5
  • editor.wordHighlightTextBorder#0D0A0E00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#B6B6CAac
  • editorBracketMatch.border#0C0C10fe
  • editorBracketPairGuide.activeBackground1#A8BCBC87
  • editorBracketPairGuide.activeBackground2#A6BCBC87
  • editorBracketPairGuide.activeBackground3#A6BCBC83
  • editorBracketPairGuide.activeBackground4#B2BCA685
  • editorBracketPairGuide.activeBackground5#C5B3B889
  • editorBracketPairGuide.activeBackground6#B2BBA68d
  • editorBracketPairGuide.background1#2F1E22fe
  • editorBracketPairGuide.background2#182424fe
  • editorBracketPairGuide.background3#2E1D21fe
  • editorBracketPairGuide.background4#2D1D22fe
  • editorBracketPairGuide.background5#27221Afe
  • editorBracketPairGuide.background6#182222fe
  • editorCodeLens.foreground#B6B6C96e
  • editorCommentsWidget.rangeActiveBackground#B7B7CAfe
  • editorCommentsWidget.rangeBackground#16161efe
  • editorCommentsWidget.resolvedBorder#0C0C10fe
  • editorCommentsWidget.unresolvedBorder#4C0000cb
  • editorCursor.background#16161efe
  • editorCursor.foreground#4953DEfe
  • editorError.background#0E0C0A00
  • editorError.border#0A0A0E00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#16161efe
  • editorGhostText.border#0A0E0E00
  • editorGhostText.foreground#B6B6C96e
  • editorGroup.border#0C0C10fe
  • editorGroup.dropBackground#16161efe
  • editorGroup.dropIntoPromptBackground#16161efe
  • editorGroup.dropIntoPromptBorder#0C0C10fe
  • editorGroup.dropIntoPromptForeground#E8E8FEce
  • editorGroup.emptyBackground#16161efe
  • editorGroup.focusedEmptyBorder#0C0C10fe
  • editorGroupHeader.border#0A0E0B00
  • editorGroupHeader.noTabsBackground#0D0D12ae
  • editorGroupHeader.tabsBackground#16161Da1
  • editorGroupHeader.tabsBorder#0E0A0B00
  • editorGutter.addedBackground#81C985fb
  • editorGutter.background#16161efe
  • editorGutter.commentGlyphForeground#E8E8FEce
  • editorGutter.commentRangeForeground#E8E8FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9E9Ecb
  • editorGutter.foldingControlForeground#E8E8FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0B00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C10fe
  • editorHoverWidget.border#0C0C10fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#D8E1DAca
  • editorHoverWidget.statusBarBackground#16161efe
  • editorIndentGuide.activeBackground1#888EF4fe
  • editorIndentGuide.activeBackground2#9FA4FEfe
  • editorIndentGuide.activeBackground3#9EA4FEfe
  • editorIndentGuide.activeBackground4#8F95F5fe
  • editorIndentGuide.activeBackground5#A0A5FEfe
  • editorIndentGuide.activeBackground6#8187F2fe
  • editorIndentGuide.background1#AE99B135
  • editorIndentGuide.background2#9AA68A35
  • editorIndentGuide.background3#ACC0C035
  • editorIndentGuide.background4#94AEAE35
  • editorIndentGuide.background5#86A3A335
  • editorIndentGuide.background6#ACC0C035
  • editorInfo.background#0A0E0B00
  • editorInfo.border#0A0E0E00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#16161efe
  • editorInlayHint.foreground#E8E8FEce
  • editorInlayHint.parameterBackground#16161efe
  • editorInlayHint.parameterForeground#E8E8FEce
  • editorInlayHint.typeBackground#16161efe
  • editorInlayHint.typeForeground#E8E8FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#4952DBfe
  • editorLineNumber.dimmedForeground#B6B6C96e
  • editorLineNumber.foreground#B6B6C96e
  • editorLink.activeForeground#515AE5fe
  • editorMarkerNavigation.background#0C0C10fe
  • editorMarkerNavigationError.background#440044b0
  • editorMarkerNavigationError.headerBackground#440044c4
  • editorMarkerNavigationInfo.background#000083fe
  • editorMarkerNavigationInfo.headerBackground#000083fe
  • editorMarkerNavigationWarning.background#292200fe
  • editorMarkerNavigationWarning.headerBackground#292200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161efe
  • editorOverviewRuler.border#09097Afe
  • editorOverviewRuler.bracketMatchForeground#E8E8FEce
  • editorOverviewRuler.commentForeground#B6B6C96e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8FEce
  • editorOverviewRuler.currentContentForeground#cececeb5
  • editorOverviewRuler.deletedForeground#FF9E9Ecb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E4DDE5ca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E5DDDFca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#16161efe
  • editorRuler.foreground#B8B8CA38
  • editorStickyScroll.background#16161efe
  • editorStickyScrollHover.background#2121346e
  • editorSuggestWidget.background#0C0C10fe
  • editorSuggestWidget.border#0D0A0E00
  • editorSuggestWidget.focusHighlightForeground#E18EEDfe
  • editorSuggestWidget.foreground#E1E5DDfe
  • editorSuggestWidget.highlightForeground#E8E1E3ca
  • editorSuggestWidget.selectedBackground#564D418c
  • editorSuggestWidget.selectedForeground#DDE5E5ca
  • editorSuggestWidget.selectedIconForeground#DDE5E5ca
  • editorSuggestWidgetStatus.foreground#CDC0CFfe
  • editorUnicodeHighlight.background#415656a1
  • editorUnicodeHighlight.border#0C0C10fe
  • editorUnnecessaryCode.border#292200ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0A0E00
  • editorWarning.border#0E0C0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0C0C10fe
  • editorWidget.border#0C0C10fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0C0C10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#4953DEfe
  • extensionBadge.remoteForeground#0D0D12fe
  • extensionButton.background#01017Dae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#1A1A576e
  • extensionButton.prominentBackground#16161efe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#16161efe
  • extensionButton.separator#0A0E0B00
  • extensionIcon.preReleaseForeground#D3DDDDfe
  • extensionIcon.sponsorForeground#CFC0C4fe
  • extensionIcon.starForeground#C7B6BBfe
  • extensionIcon.verifiedForeground#CCD2C4fe
  • focusBorder#0E0A0B00
  • foreground#E8E8FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9E9Ecb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FF9E9Ecb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7CAae
  • inlineChat.background#19251Dca
  • inlineChat.border#27221Aca
  • inlineChat.regionHighlight#CEDADAca
  • inlineChat.shadow#D8CEDAca
  • inlineChatDiff.inserted#C9D6D6ca
  • inlineChatDiff.removed#D2D2DEca
  • inlineChatInput.background#E7E1E8ca
  • inlineChatInput.border#19251Dca
  • inlineChatInput.focusBorder#0D0A0E00
  • inlineChatInput.placeholderForeground#D9DDD3ca
  • input.background#0C0C10fe
  • input.border#0C0C10fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#B6B6C965
  • inputOption.activeBackground#0C0C10fe
  • inputOption.activeBorder#0C0C10fe
  • inputOption.activeForeground#4B54E3fe
  • inputOption.hoverBackground#0C0C10fe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#440044c2
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C10fe
  • inputValidation.infoForeground#E8E8FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C10fe
  • interactive.inactiveCodeBorder#20202C9d
  • keybindingLabel.background#16161efe
  • keybindingLabel.border#0C0C10fe
  • keybindingLabel.bottomBorder#0C0C10fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#16161efe
  • keybindingTable.rowsBackground#16161efe
  • list.activeSelectionBackground#564D418d
  • list.activeSelectionForeground#E8E5E1ca
  • list.activeSelectionIconForeground#E8E5E1ca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#16161efe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#16161efe
  • list.filterMatchBorder#0C0C10fe
  • list.focusAndSelectionOutline#0A0A0E00
  • list.focusBackground#47476197
  • list.focusForeground#4952DBfe
  • list.focusHighlightForeground#F88BADfe
  • list.focusOutline#0A0E0B00
  • list.highlightForeground#DDE5DFca
  • list.hoverBackground#102626ac
  • list.hoverForeground#5860E7fe
  • list.inactiveFocusBackground#24243195
  • list.inactiveFocusOutline#0A0A0E00
  • list.inactiveSelectionBackground#0D0D12ae
  • list.inactiveSelectionForeground#B6B6C965
  • list.inactiveSelectionIconForeground#B6B6C965
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161efe
  • listFilterWidget.noMatchesOutline#0A0A0E00
  • listFilterWidget.outline#0C0E0A00
  • listFilterWidget.shadow#0A0A0E00
  • menu.background#0D0D12fe
  • menu.border#0A0E0B00
  • menu.foreground#E0E0FEae
  • menu.selectionBackground#3A4D4Da8
  • menu.selectionBorder#0C0E0A00
  • menu.selectionForeground#515AE5fe
  • menu.separatorBackground#1F1F3E65
  • menubar.selectionBackground#3B4E4Ea8
  • menubar.selectionBorder#0D0A0E00
  • menubar.selectionForeground#5860E7fe
  • merge.border#0C0C10fe
  • merge.commonContentBackground#16161efe
  • merge.commonHeaderBackground#16161efe
  • merge.currentContentBackground#00290031
  • merge.currentHeaderBackground#0F2710fb
  • merge.incomingContentBackground#0F2810cb
  • merge.incomingHeaderBackground#0F2710fb
  • mergeEditor.change.background#16161efe
  • mergeEditor.change.word.background#16161efe
  • mergeEditor.changeBase.background#16161efe
  • mergeEditor.changeBase.word.background#16161efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C10fe
  • mergeEditor.conflict.handledUnfocused.border#19192233
  • mergeEditor.conflict.input1.background#0C0C10fe
  • mergeEditor.conflict.input2.background#0C0C10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067be
  • mergeEditor.conflict.unhandledFocused.border#0C0C10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1D1D272f
  • mergeEditor.conflictingLines.background#16161efe
  • minimap.background#16161efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#81C985fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5A5A7Afe
  • minimapSlider.background#3D3D53ae
  • minimapSlider.hoverBackground#5353716e
  • notebook.cellBorderColor#0C0C10fe
  • notebook.cellEditorBackground#16161efe
  • notebook.cellHoverBackground#16161efe
  • notebook.cellInsertionIndicator#E0D8E1ca
  • notebook.cellStatusBarItemHoverBackground#16161efe
  • notebook.cellToolbarSeparator#DCDCE5ca
  • notebook.editorBackground#16161efe
  • notebook.focusedCellBackground#16161efe
  • notebook.focusedCellBorder#4A53DDfe
  • notebook.focusedEditorBorder#0C0C10fe
  • notebook.inactiveFocusedCellBorder#5D5D7F8e
  • notebook.inactiveSelectedCellBorder#5D5D7F8e
  • notebook.outputContainerBackgroundColor#16161efe
  • notebook.outputContainerBorderColor#0C0C10fe
  • notebook.selectedCellBackground#16161efe
  • notebook.selectedCellBorder#0C0C10fe
  • notebook.symbolHighlightBackground#16161efe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#5D5D7Ffe
  • notebookScrollbarSlider.background#39394Eae
  • notebookScrollbarSlider.hoverBackground#4848626e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#BBCBBFfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C10fe
  • notificationCenterHeader.background#16161efe
  • notificationCenterHeader.foreground#E8E8FEce
  • notificationLink.foreground#E8E8FEce
  • notifications.background#16161efe
  • notifications.border#0C0C10fe
  • notifications.foreground#E8E8FEce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#B1C4C4fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C10fe
  • panel.background#16161efe
  • panel.border#0C0C10fe
  • panel.dropBorder#0C0C10fe
  • panelInput.border#0C0C10fe
  • panelSection.border#0C0C10fe
  • panelSection.dropBackground#16161efe
  • panelSectionHeader.background#16161efe
  • panelSectionHeader.border#0C0C10fe
  • panelSectionHeader.foreground#E8E8FEce
  • panelTitle.activeBorder#0D0A0E00
  • panelTitle.activeForeground#9EA3F8fe
  • panelTitle.inactiveForeground#A6A6BE65
  • peekView.border#9DA4FEfe
  • peekViewEditor.background#0C0C10fe
  • peekViewEditor.matchHighlightBackground#66506A8d
  • peekViewEditor.matchHighlightBorder#0A0A0E00
  • peekViewEditorGutter.background#0C0C10fe
  • peekViewEditorStickyScroll.background#16161efe
  • peekViewResult.background#0D0D12fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#5A444A82
  • peekViewResult.selectionBackground#5B454B88
  • peekViewResult.selectionForeground#E5E1DDca
  • peekViewTitle.background#0D0D12fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0C0C10fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#B6C7BBfe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#4B54DAfe
  • profileBadge.foreground#0D0D12fe
  • progressBar.background#16161efe
  • quickInput.background#0D0D12fe
  • quickInput.foreground#E1E1E9ae
  • quickInputList.focusBackground#4D453Aae
  • quickInputList.focusForeground#4851E0fe
  • quickInputList.focusIconForeground#4B54DAfe
  • quickInputTitle.background#0C0C10fe
  • sash.hoverBorder#0C0C10fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#646489fe
  • scrollbarSlider.background#39394Eae
  • scrollbarSlider.hoverBackground#4848626e
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#506A57a9
  • searchEditor.findMatchBorder#0C0C10fe
  • searchEditor.textInputBorder#0C0C10fe
  • selection.background#16161efe
  • settings.checkboxBackground#0C0C10fe
  • settings.checkboxBorder#0C0C10fe
  • settings.checkboxForeground#E8E8FEce
  • settings.dropdownBackground#0C0C10fe
  • settings.dropdownBorder#0C0C10fe
  • settings.dropdownForeground#E8E8FEce
  • settings.dropdownListBorder#0C0C10fe
  • settings.focusedRowBackground#636F548b
  • settings.focusedRowBorder#0C0C10fe
  • settings.headerBorder#0C0C10fe
  • settings.headerForeground#E8E8FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C10fe
  • settings.numberInputBorder#0C0C10fe
  • settings.numberInputForeground#E8E8FEce
  • settings.rowHoverBackground#16161efe
  • settings.sashBorder#0C0C10fe
  • settings.settingsHeaderHoverForeground#4751DFfe
  • settings.textInputBackground#0C0C10fe
  • settings.textInputBorder#0C0C10fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#16161efe
  • sideBar.border#0C0C10fe
  • sideBar.dropBackground#16161efe
  • sideBar.foreground#B7B7CAae
  • sideBarSectionHeader.background#0A0A0E00
  • sideBarSectionHeader.border#0C0C10fe
  • sideBarSectionHeader.foreground#E8E8FEce
  • sideBarTitle.foreground#E8E8FEce
  • sideBySideEditor.horizontalBorder#0C0C10fe
  • sideBySideEditor.verticalBorder#0C0C10fe
  • simpleFindWidget.sashBorder#0C0C10fe
  • statusBar.background#0D0D12fe
  • statusBar.border#0C0C10fe
  • statusBar.debuggingBackground#440044af
  • statusBar.debuggingBorder#0C0C10fe
  • statusBar.debuggingForeground#E8E8FEce
  • statusBar.focusBorder#0E0A0B00
  • statusBar.foreground#B6B6C96e
  • statusBar.noFolderBackground#0D0D12fe
  • statusBar.noFolderBorder#0C0C10fe
  • statusBar.noFolderForeground#E8E8FEce
  • statusBarItem.activeBackground#0D0D12fe
  • statusBarItem.compactHoverBackground#0D0D12fe
  • statusBarItem.errorBackground#4400449f
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#440044af
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0A0B00
  • statusBarItem.hoverBackground#0D0D12fe
  • statusBarItem.hoverForeground#4953DEfe
  • statusBarItem.offlineBackground#0D0D12fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0D0D12fe
  • statusBarItem.offlineHoverForeground#4953DEfe
  • statusBarItem.prominentBackground#0D0D12fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0D0D12fe
  • statusBarItem.prominentHoverForeground#4851E0fe
  • statusBarItem.remoteBackground#515AE5fe
  • statusBarItem.remoteForeground#0D0D12fe
  • statusBarItem.remoteHoverBackground#0D0D12fe
  • statusBarItem.remoteHoverForeground#4952DBfe
  • statusBarItem.warningBackground#292200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#292200fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#C0CFCFfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#CEDAD1fe
  • symbolIcon.colorForeground#E0D8E1fe
  • symbolIcon.constantForeground#CBC4BBfe
  • symbolIcon.constructorForeground#E5DDDFfe
  • symbolIcon.enumeratorForeground#C0CFCFfe
  • symbolIcon.enumeratorMemberForeground#B6B6CAfe
  • symbolIcon.eventForeground#DDD3D6fe
  • symbolIcon.fieldForeground#E7E1E8fe
  • symbolIcon.fileForeground#B1C4C4fe
  • symbolIcon.folderForeground#D6C9CDfe
  • symbolIcon.functionForeground#C9D6CDfe
  • symbolIcon.interfaceForeground#C4C4D3fe
  • symbolIcon.keyForeground#DDE1D8fe
  • symbolIcon.keywordForeground#DAD5CEfe
  • symbolIcon.methodForeground#D6D1C9fe
  • symbolIcon.moduleForeground#D8E1E1fe
  • symbolIcon.namespaceForeground#C0CFC4fe
  • symbolIcon.nullForeground#BBCBCBfe
  • symbolIcon.numberForeground#C9D6CDfe
  • symbolIcon.objectForeground#CBBBBFfe
  • symbolIcon.operatorForeground#E8E5E1fe
  • symbolIcon.packageForeground#CCD2C4fe
  • symbolIcon.propertyForeground#E8E5E1fe
  • symbolIcon.referenceForeground#CDC0CFfe
  • symbolIcon.snippetForeground#D6D1C9fe
  • symbolIcon.stringForeground#DCDCE5fe
  • symbolIcon.structForeground#B6C7BBfe
  • symbolIcon.textForeground#D2D2DEfe
  • symbolIcon.typeParameterForeground#E5DDDFfe
  • symbolIcon.unitForeground#C0CFCFfe
  • symbolIcon.variableForeground#E0D8E1fe
  • tab.activeBackground#0F0F15fe
  • tab.activeBorder#0E0A0B00
  • tab.activeBorderTop#888EF4fe
  • tab.activeForeground#A0A5FEfe
  • tab.activeModifiedBorder#292200ce
  • tab.border#0A0E0B00
  • tab.hoverBackground#A5BCBCa4
  • tab.hoverBorder#0C0C10fe
  • tab.hoverForeground#4B54E3fe
  • tab.inactiveBackground#01015296
  • tab.inactiveForeground#A6A6BE65
  • tab.inactiveModifiedBorder#292200ce
  • tab.lastPinnedBorder#0C0C10fe
  • tab.unfocusedActiveBackground#1D1D2730
  • tab.unfocusedActiveBorder#0E0A0B00
  • tab.unfocusedActiveBorderTop#1F1F3C65
  • tab.unfocusedActiveForeground#ABABC165
  • tab.unfocusedActiveModifiedBorder#292200ce
  • tab.unfocusedHoverBackground#B8B8CA2e
  • tab.unfocusedHoverBorder#19192224
  • tab.unfocusedHoverForeground#A6A6BE65
  • tab.unfocusedInactiveBackground#2B2B3B93
  • tab.unfocusedInactiveForeground#9D9DB765
  • tab.unfocusedInactiveModifiedBorder#292200ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067a7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebd
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16161efe
  • terminal.border#0C0C10fe
  • terminal.dropBackground#16161efe
  • terminal.findMatchBackground#16161efe
  • terminal.findMatchBorder#0C0C10fe
  • terminal.findMatchHighlightBackground#16161efe
  • terminal.findMatchHighlightBorder#0C0C10fe
  • terminal.foreground#B7B7CAae
  • terminal.hoverHighlightBackground#16161efe
  • terminal.inactiveSelectionBackground#20202C9e
  • terminal.selectionBackground#525B4583
  • terminal.selectionForeground#E1E5DDca
  • terminal.tab.activeBorder#888EF4fe
  • terminalCommandDecoration.defaultBackground#A8BDADa1
  • terminalCommandDecoration.errorBackground#FF9E9Ecb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161efe
  • terminalCursor.foreground#4952DBfe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a7
  • testing.iconUnset#808080b0
  • testing.message.error.decorationForeground#AFB3F2fe
  • testing.message.error.lineBackground#440044bf
  • testing.message.info.decorationForeground#B1B4F0fe
  • testing.message.info.lineBackground#000083fe
  • testing.peekBorder#0C0C10fe
  • testing.peekHeaderBackground#16161efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16161efe
  • textBlockQuote.border#0C0C10fe
  • textCodeBlock.background#16161efe
  • textLink.activeForeground#4952DBfe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0D0D12fe
  • titleBar.activeForeground#A5A5F5ae
  • titleBar.border#0A0E0E00
  • titleBar.inactiveBackground#20202Cdb
  • titleBar.inactiveForeground#9898B365
  • toolbar.activeBackground#16261A84
  • toolbar.hoverBackground#16161efe
  • toolbar.hoverOutline#0C0E0A00
  • tree.inactiveIndentGuidesStroke#9EB5B535
  • tree.indentGuidesStroke#AEB3F3fe
  • tree.tableColumnsBorder#0C0C10fe
  • tree.tableOddRowsBackground#16161efe
  • walkThrough.embeddedEditorBackground#16161efe
  • walkthrough.stepTitle.foreground#E8E8FEce
  • welcomePage.background#16161efe
  • welcomePage.progress.background#16161efe
  • welcomePage.progress.foreground#E8E8FEce
  • welcomePage.tileBackground#16161efe
  • welcomePage.tileBorder#0C0C10fe
  • welcomePage.tileHoverBackground#16161efe
  • widget.border#0C0C10fe
  • widget.shadow#0A0E0B00
  • window.activeBorder#0C0C10fe
  • window.inactiveBorder#01015A9c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BABAF96e
comment.block.html#BBBBFB6e
comment.block.java#BABAF96e
comment.block.javadoc.java#BABAF96e
comment.block.powershell#BABAF96e
comment.block.xml#BABAFC6e
comment.line.double-slash.c#BBBBFB6e
comment.line.double-slash.cpp#BABAF86e
comment.line.double-slash.java#BABAF86e
comment.line.double-slash.js#BBBBFB6e
comment.line.number-sign.makefile#BBBBFB6e
comment.line.number-sign.python#BBBBFB6e
comment.line.number-sign.yaml#BABAFC6e
comment.line.percentage.erlang#BABAF96e
comment.line.powershell#BBBBFB6e
comment.source.cmake#BABAF96e
comment.source.cmakecache#BBBBFB6e
constant.character#0EDF33de
constant.character.character-class.regexp#FEA8C7de
constant.character.escape#EE7FA6de
constant.character.set.regexp#B3B8FEde
constant.language#969BF0de
constant.numeric#83D510de
constant.numeric.dec.python#F89EBDde
constant.other.caps.python#9EA3F8de
constant.other.character-class.regexp#83D50Fde
constant.other.character-class.set.regexp#0CD2EEde
constant.other.color.rgb-value#D680F0de
constant.other.placeholder#0AD3F1de
constant.other.rgb-value#83D50Fde
constant.regexp#0ED4EEde
constant.sha.git-rebase#85D610de
emphasis#969BF0de
entity.name.class#0FDE33de
entity.name.function#959BF2de
entity.name.function.preprocessor#B7B7B7de
entity.name.function.python#959AF3de
entity.name.label#A9A9A9de
entity.name.namespace#FEA3C3de
entity.name.operator#D681F1de
entity.name.operator.custom-literal#82D60Cde
entity.name.scope-resolution#0FDE33de
entity.name.tag#AEAEAEde
entity.name.tag.css#B5BBFEde
entity.name.type#D681F1de
entity.name.variable#959BF2de
entity.other.attribute#DD8FF5de
entity.other.attribute-name#FEA8C8de
entity.other.attribute-name.class.css#0ED2EDde
entity.other.attribute-name.class.mixin.css#81D50Cde
entity.other.attribute-name.id#84D510de
entity.other.attribute-name.id.css#0EDF33de
entity.other.attribute-name.parent-selector.css#0ED2EDde
entity.other.attribute-name.pseudo-class.css#84D60Fde
entity.other.attribute-name.pseudo-element.css#0ED4EEde
entity.other.attribute-name.scss#ADB1FAde
entity.other.document.begin.yaml#BBBBFB6e
entity.other.inherited-class#85D610de
header#FEA8C6de
invalid#F9A5C3de
keyword#C1C1C1de
keyword.codetag.notation.python#85D610de
keyword.control#BBBBBBde
keyword.control.anchor.regexp#0BD3EDde
keyword.control.import.python#959AF3de
keyword.operator#F89EBDde
keyword.operator.alignas#B5B9FBde
keyword.operator.alignof#0FDE33de
keyword.operator.cast#A5A5A5de
keyword.operator.delete#E29EF8de
keyword.operator.documentation.powershell#BBBBFB6e
keyword.operator.expression#E9A8FEde
keyword.operator.instanceof#0ED4EEde
keyword.operator.logical.python#0CD2EDde
keyword.operator.minus.exponent#0FDF34de
keyword.operator.negation.regexp#F488AEde
keyword.operator.new#80D505de
keyword.operator.noexcept#0FDE33de
keyword.operator.or.regexp#E9A8FEde
keyword.operator.plus.exponent#AEAEAEde
keyword.operator.quantifier.regexp#0FDF34de
keyword.operator.sizeof#E5A5F9de
keyword.operator.typeid#81D50Cde
keyword.operator.wordlike#85D610de
keyword.other.operator#0ED4EEde
keyword.other.package.java#0EDF33de
keyword.other.unit#F07EA5de
keyword.other.using#0ED4EEde
markup.bold#B3B8FEde
markup.changed#B7B7B7de
markup.deleted#EBA8FEde
markup.fenced_code.block.markdown#82D50Cde
markup.heading#0BD3EDde
markup.inline.raw#0FDF34de
markup.inserted#85D610de
markup.italic#BBBBBBde
markup.raw.block.markdown#82D60Cde
markup.strikethrough#BBBBBBde
markup.underline#0CDE32de
meta.block.c#FEA3C3de
meta.block.c#F58FB3de
meta.class.java#969BF0de
meta.definition.variable.name#959BF2de
meta.diff.header#959AF5de
meta.embedded#F696B8de
meta.embedded.assembly#E9A3FEde
meta.function-call.arguments.python#969BF0de
meta.function-call.python#0ADF30de
meta.member.access.python#F488AEde
meta.method.java#0ED2EDde
meta.object-literal.key#0CDE32de
meta.paragraph.markdown#85D610de
meta.preprocessor#B5B9FBde
meta.preprocessor.numeric#82D60Cde
meta.preprocessor.string#83D510de
meta.scope.prerequisites.makefile#0ED2EDde
meta.structure.dictionary.json.comments#BABAF86e
meta.structure.dictionary.key.python#D680F0de
meta.structure.dictionary.value.json.comments#BABAF96e
meta.template.expression#EBA8FEde
meta.type.cast.expr#959AF3de
meta.type.new.expr#84D510de
parameter#A5A5A5de
punctuation.character.set.begin.regexp#959AF3de
punctuation.character.set.end.regexp#0EDF33de
punctuation.definition.array.begin.json#0AD3F1de
punctuation.definition.character-class.regexp#0ED4EEde
punctuation.definition.comment#BBBBFB6e
punctuation.definition.comment.json.comments#BBBBFB6e
punctuation.definition.comment.python#BBBBFB6e
punctuation.definition.dictionary.begin.json#84D60Fde
punctuation.definition.dictionary.end.json#ADB1FAde
punctuation.definition.group.assertion.regexp#C1C1C1de
punctuation.definition.group.regexp#A5A5A5de
punctuation.definition.list.begin.json#C1C1C1de
punctuation.definition.list.begin.markdown#B7B7B7de
punctuation.definition.list.begin.python#A2A2A2de
punctuation.definition.list.end.json#82D50Cde
punctuation.definition.list.end.markdown#83D50Fde
punctuation.definition.list.end.python#0BDE2Fde
punctuation.definition.parameters.begin.python#E5A5F9de
punctuation.definition.parameters.end.bracket.round.java#959AF3de
punctuation.definition.quote.begin.markdown#E096F6de
punctuation.definition.tag#08DF2Fde
punctuation.definition.template-expression.begin#F17DA5de
punctuation.definition.template-expression.end#F281A9de
punctuation.section.class.begin.bracket.curly.java#F696B8de
punctuation.section.embedded#82D60Bde
punctuation.section.embedded.begin.php#84D510de
punctuation.section.embedded.end.php#F17DA5de
punctuation.terminator.java#0FDF35de
source.cmake#A5AAF9de
source.coffee.embedded#F58FB3de
source.cpp#0CD2EEde
source.css.less#0CD2EEde
source.groovy.embedded#82D50Cde
source.java#85D610de
source.java-properties#82D50Cde
source.json.comments#BBBBFB6e
source.makefile#D680F0de
source.powershell#0ED4EEde
source.powershell.variable.other.member#ED7FA6de
source.python#0FDE33de
storage#0FDE32de
storage.modifier#85D50Fde
storage.modifier.import.java#0ADF30de
storage.modifier.package.java#0CD2EEde
storage.type#D680F0de
storage.type.annotation.groovy#0ED4EEde
storage.type.annotation.java#0CD4EDde
storage.type.boolean.go#0ED4EEde
storage.type.byte.go#E9A8FEde
storage.type.cs#969BF1de
storage.type.error.go#0CD2EDde
storage.type.generic.cs#D681F1de
storage.type.generic.groovy#0CDE34de
storage.type.generic.java#FEA8C7de
storage.type.groovy#969CF6de
storage.type.java#0ADF30de
storage.type.modifier.cs#F696B8de
storage.type.numeric.go#0FDE32de
storage.type.object.array.groovy#85D610de
storage.type.object.array.java#0FDE32de
storage.type.parameters.groovy#0DDF32de
storage.type.primitive.array.groovy#84D60Fde
storage.type.primitive.array.java#85D610de
storage.type.primitive.groovy#0FDE33de
storage.type.primitive.java#D680F0de
storage.type.rune.go#85D610de
storage.type.string.go#0CD2EEde
storage.type.token.java#D582EEde
storage.type.uintptr.go#C1C1C1de
storage.type.variable.cs#82D60Ade
string#D582EEde
string.quoted.docstring.multi.python#BABAF96e
string.regexp#BBBBBBde
string.tag#F58FB3de
string.value#80D505de
strong#0FDF34de
support.class#E29EF8de
support.constant.color#0FDE32de
support.constant.dom#82D50Dde
support.constant.font-name#F488AEde
support.constant.handlebars#BBBBBBde
support.constant.json#83D50Fde
support.constant.math#9EA3F8de
support.constant.media#0CDE34de
support.constant.media-type#E9A8FEde
support.constant.property-value#0ED4EEde
support.function#A2A2A2de
support.function.git-rebase#0CD2EDde
support.other.parenthesis.regexp#C1C1C1de
support.type#0ED4EEde
support.type.property-name#EF7EA6de
support.type.vendored.property-name#EBA8FEde
support.variable#0ED4EEde
token.debug-token#0BD3EDde
token.error-token#E5A5F9de
token.info-token#0ED4EEde
token.warn-token#969BF2de
variable#EAA8FEde
variable.css#0CDE32de
variable.language#0CD2EDde
variable.language.wildcard.java#0ED4EEde
variable.other.constant#D781F2de
variable.other.definition.java#D680F0de
variable.other.enummember#EF7EA6de
variable.other.less#969CF6de
variable.other.object.java#A5A5A5de
variable.other.object.property.java#83D510de
variable.parameter.c#0FDE32de
variable.parameter.function.language.python#0CD2EEde
variable.parameter.java#EBA8FEde
variable.scss#959AF3de