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#57B4F9fe
  • activityBar.activeFocusBorder#7F5A6400
  • activityBar.background#0D0D12fe
  • activityBar.border#59684A00
  • activityBar.dropBorder#5AB3F9fe
  • activityBar.foreground#57B4F9fe
  • activityBar.inactiveForeground#ABABC165
  • activityBarBadge.background#569ED4fe
  • activityBarBadge.foreground#0D0D12fe
  • badge.background#5BA2D7fe
  • badge.foreground#0D0D12fe
  • banner.background#16161efe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#E8E5E1fe
  • breadcrumb.activeSelectionForeground#CECEDBca
  • breadcrumb.background#0F0F15fe
  • breadcrumb.focusForeground#4D96CDfe
  • breadcrumb.foreground#E6E6EDae
  • breadcrumbPicker.background#16161efe
  • button.background#323245ae
  • button.border#0E0C0A00
  • button.foreground#E8E8FEce
  • button.hoverBackground#44445D6e
  • button.secondaryBackground#16161efe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#16161efe
  • button.separator#0E0C0A00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bd
  • 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#32193683
  • commandCenter.activeBorder#0C0C10fe
  • commandCenter.activeForeground#66AADEfe
  • commandCenter.background#16161efe
  • commandCenter.border#0C0C10fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#01015A9e
  • commandCenter.inactiveForeground#A6A6BE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0C0A00
  • contrastBorder#0A0E0B00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D4C9D6fe
  • debugExceptionWidget.background#440044a6
  • debugExceptionWidget.border#0C0C10fe
  • debugIcon.breakpointCurrentStackframeForeground#BABACCfe
  • debugIcon.breakpointDisabledForeground#B6B6C965
  • debugIcon.breakpointForeground#DACED1fe
  • debugIcon.breakpointStackframeForeground#B6B6CAfe
  • debugIcon.breakpointUnverifiedForeground#B1C4C4fe
  • debugIcon.continueForeground#D2CCC4fe
  • debugIcon.disconnectForeground#BBCBCBfe
  • debugIcon.pauseForeground#E8E5E1fe
  • debugIcon.restartForeground#C8CFC0fe
  • debugIcon.startForeground#D4C9D6fe
  • debugIcon.stepBackForeground#BBCBCBfe
  • debugIcon.stepIntoForeground#C4CBBBfe
  • debugIcon.stepOutForeground#D7D7E2fe
  • debugIcon.stepOverForeground#E1D8DAfe
  • debugIcon.stopForeground#CDC0CFfe
  • debugTokenExpression.boolean#CEDADAca
  • debugTokenExpression.error#E7E1E8ca
  • debugTokenExpression.name#DDD3D6ca
  • debugTokenExpression.number#D8E1E1ca
  • debugTokenExpression.value#E8E1E3ca
  • debugToolBar.background#440044c0
  • debugToolBar.border#0C0C10fe
  • debugView.exceptionLabelBackground#1E2217ca
  • debugView.exceptionLabelForeground#CEDAD1ca
  • debugView.stateLabelBackground#202038ca
  • debugView.stateLabelForeground#E1D8DAca
  • debugView.valueChangedHighlight#DDE5E5ca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0E0A0B00
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#00290031
  • diffEditor.insertedTextBackground#0F2710fb
  • diffEditor.insertedTextBorder#0A0E0E00
  • diffEditor.move.border#0A0E0E00
  • diffEditor.moveActive.border#0C0E0A00
  • diffEditor.removedLineBackground#4E000031
  • diffEditor.removedTextBackground#4D0000fb
  • diffEditor.removedTextBorder#0A0E0E00
  • 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#655A4Ca2
  • editor.findMatchBorder#0C0C10fe
  • editor.findMatchHighlightBackground#49604Fa7
  • editor.findMatchHighlightBorder#0C0C10fe
  • editor.findRangeHighlightBackground#474762a5
  • editor.findRangeHighlightBorder#0C0C10fe
  • editor.focusedStackFrameHighlightBackground#4C656581
  • editor.foldBackground#C7B4B9a6
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#73575Fa9
  • editor.inactiveSelectionBackground#47476192
  • editor.inlineValuesBackground#16161efe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#272736b1
  • editor.lineHighlightBorder#0D0A0E00
  • editor.linkedEditingBackground#16161efe
  • editor.rangeHighlightBackground#484862a1
  • editor.rangeHighlightBorder#0C0C10fe
  • editor.selectionBackground#3A4D4Da2
  • editor.selectionForeground#E1D8DAca
  • editor.selectionHighlightBackground#455B5B86
  • editor.selectionHighlightBorder#0C0C10fe
  • editor.snippetFinalTabstopHighlightBackground#3E5252a5
  • editor.snippetFinalTabstopHighlightBorder#0C0C10fe
  • editor.snippetTabstopHighlightBackground#6F5773ad
  • editor.snippetTabstopHighlightBorder#0C0C10fe
  • editor.stackFrameHighlightBackground#546F6Fa5
  • editor.symbolHighlightBackground#5B444Ba4
  • editor.symbolHighlightBorder#0C0C10fe
  • editor.wordHighlightBackground#484862a9
  • editor.wordHighlightBorder#0D0A0E00
  • editor.wordHighlightStrongBackground#51493Dac
  • editor.wordHighlightStrongBorder#0A0E0E00
  • editor.wordHighlightTextBackground#6F545Ba9
  • editor.wordHighlightTextBorder#0C0E0A00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#B3BBA6a3
  • editorBracketMatch.border#0C0C10fe
  • editorBracketPairGuide.activeBackground1#C0B7AC8d
  • editorBracketPairGuide.activeBackground2#C3B3C589
  • editorBracketPairGuide.activeBackground3#B2BCA682
  • editorBracketPairGuide.activeBackground4#C5B3B88d
  • editorBracketPairGuide.activeBackground5#C3B3C581
  • editorBracketPairGuide.activeBackground6#A8BDAE8d
  • editorBracketPairGuide.background1#19251Cfe
  • editorBracketPairGuide.background2#301D23fe
  • editorBracketPairGuide.background3#182424fe
  • editorBracketPairGuide.background4#172323fe
  • editorBracketPairGuide.background5#301D22fe
  • editorBracketPairGuide.background6#202038fe
  • editorCodeLens.foreground#B6B6C96e
  • editorCommentsWidget.rangeActiveBackground#B7B7CAfe
  • editorCommentsWidget.rangeBackground#16161efe
  • editorCommentsWidget.resolvedBorder#0C0C10fe
  • editorCommentsWidget.unresolvedBorder#4C0000cb
  • editorCursor.background#16161efe
  • editorCursor.foreground#519AD0fe
  • editorError.background#0D0A0E00
  • editorError.border#0E0C0A00
  • 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#0A0E0E00
  • editorGroupHeader.noTabsBackground#0D0D12ae
  • editorGroupHeader.tabsBackground#16161Da1
  • editorGroupHeader.tabsBorder#0A0A0E00
  • 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#0A0E0E00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C10fe
  • editorHoverWidget.border#0C0C10fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#D3DDDDca
  • editorHoverWidget.statusBarBackground#16161efe
  • editorIndentGuide.activeBackground1#57B4F9fe
  • editorIndentGuide.activeBackground2#57B4FAfe
  • editorIndentGuide.activeBackground3#57B4F9fe
  • editorIndentGuide.activeBackground4#57B4FAfe
  • editorIndentGuide.activeBackground5#57B4FAfe
  • editorIndentGuide.activeBackground6#57B4FAfe
  • editorIndentGuide.background1#BCB3A735
  • editorIndentGuide.background2#A68FAA35
  • editorIndentGuide.background3#B9AFA335
  • editorIndentGuide.background4#AE949B35
  • editorIndentGuide.background5#A3AE9435
  • editorIndentGuide.background6#8FAA9735
  • editorInfo.background#0A0A0E00
  • 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#438EC5fe
  • editorLineNumber.dimmedForeground#B6B6C96e
  • editorLineNumber.foreground#B6B6C96e
  • editorLink.activeForeground#569ED4fe
  • editorMarkerNavigation.background#0C0C10fe
  • editorMarkerNavigationError.background#440044c3
  • editorMarkerNavigationError.headerBackground#440044a1
  • 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#cecece9d
  • editorOverviewRuler.deletedForeground#FF9E9Ecb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DAD5CEca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D3DDDDca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#16161efe
  • editorRuler.foreground#B6B6C921
  • editorStickyScroll.background#16161efe
  • editorStickyScrollHover.background#1A1A576e
  • editorSuggestWidget.background#0C0C10fe
  • editorSuggestWidget.border#0D0A0E00
  • editorSuggestWidget.focusHighlightForeground#8BBA4Dfe
  • editorSuggestWidget.foreground#D9DDD3fe
  • editorSuggestWidget.highlightForeground#DAD5CEca
  • editorSuggestWidget.selectedBackground#57445A87
  • editorSuggestWidget.selectedForeground#D8CEDAca
  • editorSuggestWidget.selectedIconForeground#D5DACEca
  • editorSuggestWidgetStatus.foreground#BFBFD0fe
  • editorUnicodeHighlight.background#506A57a4
  • editorUnicodeHighlight.border#0C0C10fe
  • editorUnnecessaryCode.border#292200ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0B00
  • editorWarning.border#0A0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0C0C10fe
  • editorWidget.border#0C0C10fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0C0C10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#438EC5fe
  • extensionBadge.remoteForeground#0D0D12fe
  • extensionButton.background#11116Eae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#12126C6e
  • extensionButton.prominentBackground#16161efe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#16161efe
  • extensionButton.separator#0A0A0E00
  • extensionIcon.preReleaseForeground#E5E8E1fe
  • extensionIcon.sponsorForeground#D0C4D2fe
  • extensionIcon.starForeground#BABACCfe
  • extensionIcon.verifiedForeground#DCDCE5fe
  • focusBorder#0E0C0A00
  • 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#182323ca
  • inlineChat.border#182323ca
  • inlineChat.regionHighlight#D2D2DEca
  • inlineChat.shadow#E7E1E8ca
  • inlineChatDiff.inserted#E1E8E3ca
  • inlineChatDiff.removed#E0D8E1ca
  • inlineChatInput.background#DCDCE5ca
  • inlineChatInput.border#19251Cca
  • inlineChatInput.focusBorder#0D0A0E00
  • inlineChatInput.placeholderForeground#CEDAD1ca
  • input.background#0C0C10fe
  • input.border#0C0C10fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#B6B6C965
  • inputOption.activeBackground#0C0C10fe
  • inputOption.activeBorder#0C0C10fe
  • inputOption.activeForeground#66AADEfe
  • inputOption.hoverBackground#0C0C10fe
  • inputValidation.errorBackground#670067a0
  • inputValidation.errorBorder#440044bc
  • 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#20202C92
  • keybindingLabel.background#16161efe
  • keybindingLabel.border#0C0C10fe
  • keybindingLabel.bottomBorder#0C0C10fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#16161efe
  • keybindingTable.rowsBackground#16161efe
  • list.activeSelectionBackground#5A444989
  • list.activeSelectionForeground#CECEDBca
  • list.activeSelectionIconForeground#DAD5CEca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#16161efe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#16161efe
  • list.filterMatchBorder#0C0C10fe
  • list.focusAndSelectionOutline#0E0A0B00
  • list.focusBackground#47476297
  • list.focusForeground#519AD0fe
  • list.focusHighlightForeground#DAA254fe
  • list.focusOutline#0E0C0A00
  • list.highlightForeground#E7E1E8ca
  • list.hoverBackground#122626a7
  • list.hoverForeground#4D96CDfe
  • list.inactiveFocusBackground#24243195
  • list.inactiveFocusOutline#0E0C0A00
  • list.inactiveSelectionBackground#0D0D12ae
  • list.inactiveSelectionForeground#B6B6C965
  • list.inactiveSelectionIconForeground#B6B6C965
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161efe
  • listFilterWidget.noMatchesOutline#0A0A0E00
  • listFilterWidget.outline#0E0A0B00
  • listFilterWidget.shadow#0A0A0E00
  • menu.background#0D0D12fe
  • menu.border#0E0C0A00
  • menu.foreground#E0E0FEae
  • menu.selectionBackground#3A4D4Da5
  • menu.selectionBorder#0A0E0E00
  • menu.selectionForeground#5BA2D7fe
  • menu.separatorBackground#1F1F3C65
  • menubar.selectionBackground#3A4D4Da3
  • menubar.selectionBorder#0E0C0A00
  • menubar.selectionForeground#569ED4fe
  • 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#1D1D272a
  • mergeEditor.conflict.input1.background#0C0C10fe
  • mergeEditor.conflict.input2.background#0C0C10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b5
  • mergeEditor.conflict.unhandledFocused.border#0C0C10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1919222a
  • 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#44445D6e
  • notebook.cellBorderColor#0C0C10fe
  • notebook.cellEditorBackground#16161efe
  • notebook.cellHoverBackground#16161efe
  • notebook.cellInsertionIndicator#E5E8E1ca
  • notebook.cellStatusBarItemHoverBackground#16161efe
  • notebook.cellToolbarSeparator#D2D2DEca
  • notebook.editorBackground#16161efe
  • notebook.focusedCellBackground#16161efe
  • notebook.focusedCellBorder#66AADEfe
  • notebook.focusedEditorBorder#0C0C10fe
  • notebook.inactiveFocusedCellBorder#6464898e
  • notebook.inactiveSelectedCellBorder#5D5D7F8e
  • notebook.outputContainerBackgroundColor#16161efe
  • notebook.outputContainerBorderColor#0C0C10fe
  • notebook.selectedCellBackground#16161efe
  • notebook.selectedCellBorder#0C0C10fe
  • notebook.symbolHighlightBackground#16161efe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#5A5A7Afe
  • notebookScrollbarSlider.background#323245ae
  • notebookScrollbarSlider.hoverBackground#44445D6e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#E0D8E1fe
  • 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#E8E5E1fe
  • 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#0A0E0B00
  • panelTitle.activeForeground#5AB3F9fe
  • panelTitle.inactiveForeground#A6A6BE65
  • peekView.border#57B4FAfe
  • peekViewEditor.background#0C0C10fe
  • peekViewEditor.matchHighlightBackground#49606086
  • peekViewEditor.matchHighlightBorder#0A0A0E00
  • peekViewEditorGutter.background#0C0C10fe
  • peekViewEditorStickyScroll.background#16161efe
  • peekViewResult.background#0D0D12fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#6056498b
  • peekViewResult.selectionBackground#56604983
  • peekViewResult.selectionForeground#DAD5CEca
  • peekViewTitle.background#0D0D12fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0C0C10fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#C0CFC4fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#3F89C1fe
  • profileBadge.foreground#0D0D12fe
  • progressBar.background#16161efe
  • quickInput.background#0D0D12fe
  • quickInput.foreground#D7D7FEae
  • quickInputList.focusBackground#4A3A4Dab
  • quickInputList.focusForeground#66AADEfe
  • quickInputList.focusIconForeground#66AADEfe
  • quickInputTitle.background#0C0C10fe
  • sash.hoverBorder#0C0C10fe
  • scrollbar.shadow#0A0A0E00
  • scrollbarSlider.activeBackground#565676fe
  • scrollbarSlider.background#36364Aae
  • scrollbarSlider.hoverBackground#4F4F6C6e
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#525B45ae
  • 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#6F545B8e
  • 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#519AD0fe
  • settings.textInputBackground#0C0C10fe
  • settings.textInputBorder#0C0C10fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#16161efe
  • sideBar.border#0C0C10fe
  • sideBar.dropBackground#16161efe
  • sideBar.foreground#B7B7CAae
  • sideBarSectionHeader.background#0C0E0A00
  • 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#440044ad
  • 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#440044a9
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#440044b3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0A0B00
  • statusBarItem.hoverBackground#0D0D12fe
  • statusBarItem.hoverForeground#66AADEfe
  • statusBarItem.offlineBackground#0D0D12fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0D0D12fe
  • statusBarItem.offlineHoverForeground#3E85BAfe
  • statusBarItem.prominentBackground#0D0D12fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0D0D12fe
  • statusBarItem.prominentHoverForeground#3F89C1fe
  • statusBarItem.remoteBackground#519AD0fe
  • statusBarItem.remoteForeground#0D0D12fe
  • statusBarItem.remoteHoverBackground#0D0D12fe
  • statusBarItem.remoteHoverForeground#4D96CDfe
  • statusBarItem.warningBackground#292200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#292200fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#D8E1DAfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#E8E1E3fe
  • symbolIcon.colorForeground#D6C9CDfe
  • symbolIcon.constantForeground#E5E8E1fe
  • symbolIcon.constructorForeground#B6C7BBfe
  • symbolIcon.enumeratorForeground#CFC8C0fe
  • symbolIcon.enumeratorMemberForeground#D8E1E1fe
  • symbolIcon.eventForeground#C4C4D3fe
  • symbolIcon.fieldForeground#C4C4D3fe
  • symbolIcon.fileForeground#D6D1C9fe
  • symbolIcon.folderForeground#D2C4C8fe
  • symbolIcon.functionForeground#E5E1DDfe
  • symbolIcon.interfaceForeground#DCD3DDfe
  • symbolIcon.keyForeground#D2C4C8fe
  • symbolIcon.keywordForeground#CCD2C4fe
  • symbolIcon.methodForeground#D3DDD6fe
  • symbolIcon.moduleForeground#CCD2C4fe
  • symbolIcon.namespaceForeground#C4D2D2fe
  • symbolIcon.nullForeground#B6B6C9fe
  • symbolIcon.numberForeground#DAD5CEfe
  • symbolIcon.objectForeground#DDE5E5fe
  • symbolIcon.operatorForeground#B6C7C7fe
  • symbolIcon.packageForeground#CEDAD1fe
  • symbolIcon.propertyForeground#DACED1fe
  • symbolIcon.referenceForeground#E4DDE5fe
  • symbolIcon.snippetForeground#C9BBCBfe
  • symbolIcon.stringForeground#B6B6CAfe
  • symbolIcon.structForeground#CBC4BBfe
  • symbolIcon.textForeground#C0CFCFfe
  • symbolIcon.typeParameterForeground#C8CFC0fe
  • symbolIcon.unitForeground#D2CCC4fe
  • symbolIcon.variableForeground#B6C7C7fe
  • tab.activeBackground#0F0F15fe
  • tab.activeBorder#0E0A0B00
  • tab.activeBorderTop#5AB3F9fe
  • tab.activeForeground#58B4F9fe
  • tab.activeModifiedBorder#292200ce
  • tab.border#0D0A0E00
  • tab.hoverBackground#A5BCBCaa
  • tab.hoverBorder#0C0C10fe
  • tab.hoverForeground#5BA2D7fe
  • tab.inactiveBackground#20202C9e
  • tab.inactiveForeground#A6A6BE65
  • tab.inactiveModifiedBorder#292200ce
  • tab.lastPinnedBorder#0C0C10fe
  • tab.unfocusedActiveBackground#1D1D2726
  • tab.unfocusedActiveBorder#0E0A0B00
  • tab.unfocusedActiveBorderTop#1F1F3C65
  • tab.unfocusedActiveForeground#9898B365
  • tab.unfocusedActiveModifiedBorder#292200ce
  • tab.unfocusedHoverBackground#B8B8CA3a
  • tab.unfocusedHoverBorder#1D1D2723
  • tab.unfocusedHoverForeground#A6A6BE65
  • tab.unfocusedInactiveBackground#27273692
  • tab.unfocusedInactiveForeground#A2A2BA65
  • tab.unfocusedInactiveModifiedBorder#292200ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c5
  • 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#670067b6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec2
  • 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#20202C98
  • terminal.selectionBackground#5F6A5082
  • terminal.selectionForeground#DDE1D8ca
  • terminal.tab.activeBorder#57B4FAfe
  • terminalCommandDecoration.defaultBackground#C5B3B8ae
  • terminalCommandDecoration.errorBackground#FF9E9Ecb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161efe
  • terminalCursor.foreground#4D96CDfe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b5
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#8DBEE3fe
  • testing.message.error.lineBackground#440044af
  • testing.message.info.decorationForeground#8BBEE3fe
  • 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#3F89C1fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0D0D12fe
  • titleBar.activeForeground#A5A5F5ae
  • titleBar.border#0A0E0B00
  • titleBar.inactiveBackground#1D1D27db
  • titleBar.inactiveForeground#9D9DB765
  • toolbar.activeBackground#351B228a
  • toolbar.hoverBackground#16161efe
  • toolbar.hoverOutline#0E0C0A00
  • tree.inactiveIndentGuidesStroke#AFB9A335
  • tree.indentGuidesStroke#8FBEE0fe
  • 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#0A0E0E00
  • window.activeBorder#0C0C10fe
  • window.inactiveBorder#01016398

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BABAFC6e
comment.block.html#BABAFC6e
comment.block.java#BABAF96e
comment.block.javadoc.java#BABAF86e
comment.block.powershell#BABAF86e
comment.block.xml#BABAF96e
comment.line.double-slash.c#BABAF96e
comment.line.double-slash.cpp#BBBBFB6e
comment.line.double-slash.java#BABAF96e
comment.line.double-slash.js#BBBBFB6e
comment.line.number-sign.makefile#BABAF96e
comment.line.number-sign.python#BBBBFB6e
comment.line.number-sign.yaml#BABAF96e
comment.line.percentage.erlang#BABAF96e
comment.line.powershell#BBBBFB6e
comment.source.cmake#BABAFC6e
comment.source.cmakecache#BABAF96e
constant.character#81C8FDde
constant.character.character-class.regexp#81C8FDde
constant.character.escape#4FDB16de
constant.character.set.regexp#F0B829de
constant.language#B2B2B2de
constant.numeric#A498EAde
constant.numeric.dec.python#F0B828de
constant.other.caps.python#16DC6Ade
constant.other.character-class.regexp#4FDB16de
constant.other.character-class.set.regexp#4BDC13de
constant.other.color.rgb-value#F4B71Dde
constant.other.placeholder#F2B724de
constant.other.rgb-value#C1B7FEde
constant.regexp#AFA3F5de
constant.sha.git-rebase#7FC8FCde
emphasis#C1C1C1de
entity.name.class#E87DD9de
entity.name.function#F0B82Cde
entity.name.function.preprocessor#B7B7B7de
entity.name.function.python#BBBBBBde
entity.name.label#BBBBBBde
entity.name.namespace#EB83DCde
entity.name.operator#4ADC11de
entity.name.operator.custom-literal#A397EFde
entity.name.scope-resolution#F1B82Cde
entity.name.tag#16DD6Cde
entity.name.tag.css#15DC6Ade
entity.name.type#83BEEBde
entity.name.variable#4ADC0Fde
entity.other.attribute#C1C1C1de
entity.other.attribute-name#F196E4de
entity.other.attribute-name.class.css#FEA2F2de
entity.other.attribute-name.class.mixin.css#4CDC10de
entity.other.attribute-name.id#A396F0de
entity.other.attribute-name.id.css#F0B829de
entity.other.attribute-name.parent-selector.css#FEA2F1de
entity.other.attribute-name.pseudo-class.css#81C8FDde
entity.other.attribute-name.pseudo-element.css#B7B7B7de
entity.other.attribute-name.scss#F0B829de
entity.other.document.begin.yaml#BABAF96e
entity.other.inherited-class#4ADD0Ede
header#E57CD6de
invalid#C1C1C1de
keyword#C1B8F9de
keyword.codetag.notation.python#15DD6Bde
keyword.control#E87DD9de
keyword.control.anchor.regexp#C1C1C1de
keyword.control.import.python#0EDD66de
keyword.operator#14DD6Cde
keyword.operator.alignas#15DD6Bde
keyword.operator.alignof#F39CE7de
keyword.operator.cast#A396F1de
keyword.operator.delete#84C8FCde
keyword.operator.documentation.powershell#BABAF96e
keyword.operator.expression#F2B82Cde
keyword.operator.instanceof#A396F1de
keyword.operator.logical.python#F2B724de
keyword.operator.minus.exponent#6CAEE0de
keyword.operator.negation.regexp#BBBBBBde
keyword.operator.new#8FC6EFde
keyword.operator.noexcept#F0B829de
keyword.operator.or.regexp#13DD6Ade
keyword.operator.plus.exponent#F0B829de
keyword.operator.quantifier.regexp#F0B82Cde
keyword.operator.sizeof#BBBBBBde
keyword.operator.typeid#80C8FEde
keyword.operator.wordlike#4BDC13de
keyword.other.operator#4FDB16de
keyword.other.package.java#E67BD7de
keyword.other.unit#A9A9A9de
keyword.other.using#C3B8FEde
markup.bold#A397ECde
markup.changed#4FDB16de
markup.deleted#C1C1C1de
markup.fenced_code.block.markdown#4FDC16de
markup.heading#B5AAF6de
markup.inline.raw#E67BD7de
markup.inserted#4DDD13de
markup.italic#13DD6Ade
markup.raw.block.markdown#A5A5A5de
markup.strikethrough#15DD6Bde
markup.underline#80C8FEde
meta.block.c#B7B7B7de
meta.block.c#F0B828de
meta.class.java#A9A9A9de
meta.definition.variable.name#A99CF3de
meta.diff.header#C1C1C1de
meta.embedded#F2B82Ade
meta.embedded.assembly#A99CF3de
meta.function-call.arguments.python#4ADC0Fde
meta.function-call.python#A397EFde
meta.member.access.python#15DC6Ade
meta.method.java#B5AAF6de
meta.object-literal.key#FEA2F1de
meta.paragraph.markdown#81C8FDde
meta.preprocessor#4ADC0Fde
meta.preprocessor.numeric#4FDB16de
meta.preprocessor.string#4BDC13de
meta.scope.prerequisites.makefile#BBB1F8de
meta.structure.dictionary.json.comments#BABAFC6e
meta.structure.dictionary.key.python#F0B829de
meta.structure.dictionary.value.json.comments#BABAF96e
meta.template.expression#B7B7B7de
meta.type.cast.expr#4EDC15de
meta.type.new.expr#15DC6Ade
parameter#77B6E6de
punctuation.character.set.begin.regexp#C1C1C1de
punctuation.character.set.end.regexp#F0B829de
punctuation.definition.array.begin.json#F1B82Bde
punctuation.definition.character-class.regexp#4ADD0Ede
punctuation.definition.comment#BABAFC6e
punctuation.definition.comment.json.comments#BABAF96e
punctuation.definition.comment.python#BABAF96e
punctuation.definition.dictionary.begin.json#4ADC0Fde
punctuation.definition.dictionary.end.json#4FDB16de
punctuation.definition.group.assertion.regexp#16DD6Cde
punctuation.definition.group.regexp#AEAEAEde
punctuation.definition.list.begin.json#4FDB16de
punctuation.definition.list.begin.markdown#FEA2F1de
punctuation.definition.list.begin.python#7DBAE8de
punctuation.definition.list.end.json#4FDB16de
punctuation.definition.list.end.markdown#A397ECde
punctuation.definition.list.end.python#EF8FE2de
punctuation.definition.parameters.begin.python#C1C1C1de
punctuation.definition.parameters.end.bracket.round.java#82C8FCde
punctuation.definition.quote.begin.markdown#4EDC15de
punctuation.definition.tag#FEA2F1de
punctuation.definition.template-expression.begin#F39CE7de
punctuation.definition.template-expression.end#13DC69de
punctuation.section.class.begin.bracket.curly.java#8FC6EFde
punctuation.section.embedded#83C7FDde
punctuation.section.embedded.begin.php#F2B82Ade
punctuation.section.embedded.end.php#B2B2B2de
punctuation.terminator.java#4ADC0Fde
source.cmake#F4B71Dde
source.coffee.embedded#E67BD7de
source.cpp#16DC6Ade
source.css.less#4FDB16de
source.groovy.embedded#E57CD6de
source.java#E57CD6de
source.java-properties#FEA1F1de
source.json.comments#BBBBFB6e
source.makefile#0EDD66de
source.powershell#C0B5FEde
source.powershell.variable.other.member#13DD6Ade
source.python#17DC6Bde
storage#4BDC13de
storage.modifier#A397ECde
storage.modifier.import.java#FEA2F2de
storage.modifier.package.java#C1C1C1de
storage.type#A396F1de
storage.type.annotation.groovy#11DE67de
storage.type.annotation.java#A397EBde
storage.type.boolean.go#50DC17de
storage.type.byte.go#F1B826de
storage.type.cs#C0B5FEde
storage.type.error.go#15DD6Bde
storage.type.generic.cs#F39CE7de
storage.type.generic.groovy#F4B71Dde
storage.type.generic.java#4FDC16de
storage.type.groovy#0FDC6Ade
storage.type.java#16DD6Cde
storage.type.modifier.cs#F0B829de
storage.type.numeric.go#C1C1C1de
storage.type.object.array.groovy#4EDC15de
storage.type.object.array.java#EF8FE2de
storage.type.parameters.groovy#C1B7FEde
storage.type.primitive.array.groovy#48DD0Dde
storage.type.primitive.array.java#71B2E3de
storage.type.primitive.groovy#FE9DF0de
storage.type.primitive.java#F2B82Cde
storage.type.rune.go#50DC17de
storage.type.string.go#80C8FEde
storage.type.token.java#C1C1C1de
storage.type.uintptr.go#16DD6Cde
storage.type.variable.cs#ED89DFde
string#4FDB16de
string.quoted.docstring.multi.python#BABAFC6e
string.regexp#A397ECde
string.tag#BBBBBBde
string.value#C0C0C0de
strong#4CDC10de
support.class#A2A2A2de
support.constant.color#EB83DCde
support.constant.dom#C1C1C1de
support.constant.font-name#AEAEAEde
support.constant.handlebars#81C8FDde
support.constant.json#80C8FEde
support.constant.math#FE9DF0de
support.constant.media#A397EFde
support.constant.media-type#FEA2F1de
support.constant.property-value#81C8FDde
support.function#17DC6Bde
support.function.git-rebase#A99CF3de
support.other.parenthesis.regexp#FE9DF0de
support.type#ED89DFde
support.type.property-name#80C8FEde
support.type.vendored.property-name#F1B826de
support.variable#F196E4de
token.debug-token#FEA2F1de
token.error-token#A9A9A9de
token.info-token#F1B82Bde
token.warn-token#FEA1F1de
variable#14DD6Cde
variable.css#C1C1C1de
variable.language#C3B8FEde
variable.language.wildcard.java#4FDB16de
variable.other.constant#F2B82Ade
variable.other.definition.java#FEA2F1de
variable.other.enummember#C1C1C1de
variable.other.less#F1B826de
variable.other.object.java#F0B828de
variable.other.object.property.java#4ADD0Ede
variable.parameter.c#B2B2B2de
variable.parameter.function.language.python#C1C1C1de
variable.parameter.java#E87DD9de
variable.scss#4FDB16de