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#282C34fe
  • activityBar.activeBackground#282C34fe
  • activityBar.activeBorder#BDAAF6fe
  • activityBar.activeFocusBorder#A9C3F600
  • activityBar.background#1A1D22fe
  • activityBar.border#F6B3A600
  • activityBar.dropBorder#AD96F0fe
  • activityBar.foreground#C8B5FEfe
  • activityBar.inactiveForeground#B0B6C265
  • activityBarBadge.background#C9B9F9fe
  • activityBarBadge.foreground#1A1D22fe
  • badge.background#7F62D8fe
  • badge.foreground#1A1D22fe
  • banner.background#282C34fe
  • banner.foreground#F6F6F8ce
  • banner.iconForeground#E0D7DDfe
  • breadcrumb.activeSelectionForeground#E4EAE4ca
  • breadcrumb.background#1D2026fe
  • breadcrumb.focusForeground#8467DBfe
  • breadcrumb.foreground#E9EAEEae
  • breadcrumbPicker.background#282C34fe
  • button.background#49515Fae
  • button.border#13191300
  • button.foreground#F6F6F8ce
  • button.hoverBackground#5A6375fe
  • button.secondaryBackground#282C34fe
  • button.secondaryForeground#F6F6F8ce
  • button.secondaryHoverBackground#282C34fe
  • button.separator#19141300
  • charts.blue#1b1bfffe
  • charts.foreground#F6F6F8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#16191Dfe
  • chat.slashCommandBackground#282C34fe
  • chat.slashCommandForeground#F6F6F8ce
  • checkbox.background#16191Dfe
  • checkbox.border#16191Dfe
  • checkbox.foreground#F6F6F8ce
  • checkbox.selectBackground#16191Dfe
  • checkbox.selectBorder#16191Dfe
  • commandCenter.activeBackground#12341281
  • commandCenter.activeBorder#16191Dfe
  • commandCenter.activeForeground#CABAF9fe
  • commandCenter.background#282C34fe
  • commandCenter.border#16191Dfe
  • commandCenter.foreground#F6F6F8ce
  • commandCenter.inactiveBorder#0C1A3798
  • commandCenter.inactiveForeground#B4BAC565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#13191300
  • contrastBorder#19141300
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F6F6F8ce
  • debugConsole.sourceForeground#F6F6F8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#FEFEFEfe
  • debugExceptionWidget.background#670067c4
  • debugExceptionWidget.border#16191Dfe
  • debugIcon.breakpointCurrentStackframeForeground#E0E0D7fe
  • debugIcon.breakpointDisabledForeground#FDFEFE65
  • debugIcon.breakpointForeground#DCE3E2fe
  • debugIcon.breakpointStackframeForeground#D9D9CFfe
  • debugIcon.breakpointUnverifiedForeground#C6D2D0fe
  • debugIcon.continueForeground#D4CFD9fe
  • debugIcon.disconnectForeground#EAE4E8fe
  • debugIcon.pauseForeground#CED2D9fe
  • debugIcon.restartForeground#EAEAE4fe
  • debugIcon.startForeground#DBDEE4fe
  • debugIcon.stepBackForeground#E0D9D7fe
  • debugIcon.stepIntoForeground#E3E3DCfe
  • debugIcon.stepOutForeground#D9D9CFfe
  • debugIcon.stepOverForeground#E4E0E7fe
  • debugIcon.stopForeground#DCE3DCfe
  • debugTokenExpression.boolean#D7E0D7ca
  • debugTokenExpression.error#E7E1E0ca
  • debugTokenExpression.name#D3DCD3ca
  • debugTokenExpression.number#E4EAE9ca
  • debugTokenExpression.value#D3D6DDca
  • debugToolBar.background#6700679a
  • debugToolBar.border#16191Dfe
  • debugView.exceptionLabelBackground#39244Dca
  • debugView.exceptionLabelForeground#CED2D9ca
  • debugView.stateLabelBackground#1C321Cca
  • debugView.stateLabelForeground#E4E0E7ca
  • debugView.valueChangedHighlight#DCE3DCca
  • descriptionForeground#F6F6F8ce
  • diffEditor.border#13151900
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#19191300
  • diffEditor.move.border#16131900
  • diffEditor.moveActive.border#13191800
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#13191300
  • diffEditor.unchangedCodeBackground#282C34fe
  • diffEditor.unchangedRegionBackground#282C34fe
  • diffEditor.unchangedRegionForeground#F6F6F8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDFEFE65
  • dropdown.background#16191Dfe
  • dropdown.border#16191Dfe
  • dropdown.foreground#F6F6F8ce
  • dropdown.listBackground#16191Dfe
  • editor.background#282C34fe
  • editor.findMatchBackground#C0715Dad
  • editor.findMatchBorder#16191Dfe
  • editor.findMatchHighlightBackground#535C6Ca1
  • editor.findMatchHighlightBorder#16191Dfe
  • editor.findRangeHighlightBackground#4D624Da8
  • editor.findRangeHighlightBorder#16191Dfe
  • editor.focusedStackFrameHighlightBackground#64576F84
  • editor.foldBackground#FCFDFEa8
  • editor.foreground#F6F6F8ce
  • editor.hoverHighlightBackground#6F5767ac
  • editor.inactiveSelectionBackground#5679C69c
  • editor.inlineValuesBackground#282C34fe
  • editor.inlineValuesForeground#F6F6F8ce
  • editor.lineHighlightBackground#3F4552b1
  • editor.lineHighlightBorder#19131700
  • editor.linkedEditingBackground#282C34fe
  • editor.rangeHighlightBackground#B25C94a6
  • editor.rangeHighlightBorder#16191Dfe
  • editor.selectionBackground#727D93ac
  • editor.selectionForeground#E0D9D7ca
  • editor.selectionHighlightBackground#546B678b
  • editor.selectionHighlightBorder#16191Dfe
  • editor.snippetFinalTabstopHighlightBackground#9769C1a4
  • editor.snippetFinalTabstopHighlightBorder#16191Dfe
  • editor.snippetTabstopHighlightBackground#658165a6
  • editor.snippetTabstopHighlightBorder#16191Dfe
  • editor.stackFrameHighlightBackground#616A7Ea7
  • editor.symbolHighlightBackground#BA619Bac
  • editor.symbolHighlightBorder#16191Dfe
  • editor.wordHighlightBackground#5B745Ba6
  • editor.wordHighlightBorder#19131700
  • editor.wordHighlightStrongBackground#744F67a4
  • editor.wordHighlightStrongBorder#19131700
  • editor.wordHighlightTextBackground#745B6Bac
  • editor.wordHighlightTextBorder#13191800
  • editorBracketHighlight.foreground1#F6F6F8ce
  • editorBracketHighlight.foreground2#F6F6F8ce
  • editorBracketHighlight.foreground3#F6F6F8ce
  • editorBracketHighlight.foreground4#F6F6F8ce
  • editorBracketHighlight.foreground5#F6F6F8ce
  • editorBracketHighlight.foreground6#F6F6F8ce
  • editorBracketHighlight.unexpectedBracket.foreground#F6F6F8ce
  • editorBracketMatch.background#FBFEFBab
  • editorBracketMatch.border#16191Dfe
  • editorBracketPairGuide.activeBackground1#FBFEFB8a
  • editorBracketPairGuide.activeBackground2#FBFEFB87
  • editorBracketPairGuide.activeBackground3#FDFBFE81
  • editorBracketPairGuide.activeBackground4#FBFEFE87
  • editorBracketPairGuide.activeBackground5#FBFEFE86
  • editorBracketPairGuide.activeBackground6#FEFEFB8d
  • editorBracketPairGuide.background1#422238fe
  • editorBracketPairGuide.background2#412620fe
  • editorBracketPairGuide.background3#2E2E1Afe
  • editorBracketPairGuide.background4#2D2D19fe
  • editorBracketPairGuide.background5#232C45fe
  • editorBracketPairGuide.background6#2E2E1Afe
  • editorCodeLens.foreground#FDFDFE6e
  • editorCommentsWidget.rangeActiveBackground#FAFCFEfe
  • editorCommentsWidget.rangeBackground#282C34fe
  • editorCommentsWidget.resolvedBorder#16191Dfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#282C34fe
  • editorCursor.foreground#8467DBfe
  • editorError.background#13191300
  • editorError.border#13191300
  • editorError.foreground#b400b4ce
  • editorGhostText.background#282C34fe
  • editorGhostText.border#19141300
  • editorGhostText.foreground#FDFDFE6e
  • editorGroup.border#16191Dfe
  • editorGroup.dropBackground#282C34fe
  • editorGroup.dropIntoPromptBackground#282C34fe
  • editorGroup.dropIntoPromptBorder#16191Dfe
  • editorGroup.dropIntoPromptForeground#F6F6F8ce
  • editorGroup.emptyBackground#282C34fe
  • editorGroup.focusedEmptyBorder#16191Dfe
  • editorGroupHeader.border#16131900
  • editorGroupHeader.noTabsBackground#1A1D22ae
  • editorGroupHeader.tabsBackground#282C34a1
  • editorGroupHeader.tabsBorder#19141300
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#282C34fe
  • editorGutter.commentGlyphForeground#F6F6F8ce
  • editorGutter.commentRangeForeground#F6F6F8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F6F6F8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#19131700
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#16191Dfe
  • editorHoverWidget.border#16191Dfe
  • editorHoverWidget.foreground#F6F6F8ce
  • editorHoverWidget.highlightForeground#D7E0DEca
  • editorHoverWidget.statusBarBackground#282C34fe
  • editorIndentGuide.activeBackground1#FCFDFEfe
  • editorIndentGuide.activeBackground2#FCFDFEfe
  • editorIndentGuide.activeBackground3#FCFDFEfe
  • editorIndentGuide.activeBackground4#FCFDFEfe
  • editorIndentGuide.activeBackground5#FCFDFEfe
  • editorIndentGuide.activeBackground6#FCFDFEfe
  • editorIndentGuide.background1#92A99235
  • editorIndentGuide.background2#A3B7A335
  • editorIndentGuide.background3#ADAD9635
  • editorIndentGuide.background4#9AB0AC35
  • editorIndentGuide.background5#ACBEAC35
  • editorIndentGuide.background6#92A99235
  • editorInfo.background#19141300
  • editorInfo.border#13191800
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#282C34fe
  • editorInlayHint.foreground#F6F6F8ce
  • editorInlayHint.parameterBackground#282C34fe
  • editorInlayHint.parameterForeground#F6F6F8ce
  • editorInlayHint.typeBackground#282C34fe
  • editorInlayHint.typeForeground#F6F6F8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#7F62D8fe
  • editorLineNumber.dimmedForeground#FDFDFE6e
  • editorLineNumber.foreground#FDFDFE6e
  • editorLink.activeForeground#CABBF9fe
  • editorMarkerNavigation.background#16191Dfe
  • editorMarkerNavigationError.background#670067c2
  • editorMarkerNavigationError.headerBackground#670067aa
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#282C34fe
  • editorOverviewRuler.border#11244Cfe
  • editorOverviewRuler.bracketMatchForeground#F6F6F8ce
  • editorOverviewRuler.commentForeground#FCFDFE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F6F6F8ce
  • editorOverviewRuler.currentContentForeground#cececeb8
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E4E0E7ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DCE3E2ca
  • editorOverviewRuler.wordHighlightStrongForeground#F6F6F8ce
  • editorOverviewRuler.wordHighlightTextForeground#F6F6F8ce
  • editorPane.background#282C34fe
  • editorRuler.foreground#FAFCFE31
  • editorStickyScroll.background#282C34fe
  • editorStickyScroll.shadow#19191300
  • editorStickyScrollHover.background#142547fe
  • editorSuggestWidget.background#16191Dfe
  • editorSuggestWidget.border#19191300
  • editorSuggestWidget.focusHighlightForeground#FCB0A3fe
  • editorSuggestWidget.foreground#FDFEFEfe
  • editorSuggestWidget.highlightForeground#E4EAE9ca
  • editorSuggestWidget.selectedBackground#7C7C618e
  • editorSuggestWidget.selectedForeground#D7DAE0ca
  • editorSuggestWidget.selectedIconForeground#D7DAE0ca
  • editorSuggestWidgetStatus.foreground#FEFEFEfe
  • editorUnicodeHighlight.background#6F5767a8
  • editorUnicodeHighlight.border#16191Dfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#19131700
  • editorWarning.border#19191300
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F6F6F8ce
  • editorWidget.background#16191Dfe
  • editorWidget.border#16191Dfe
  • editorWidget.foreground#F6F6F8ce
  • editorWidget.resizeBorder#16191Dfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#CABAF9fe
  • extensionBadge.remoteForeground#1A1D22fe
  • extensionButton.background#142547ae
  • extensionButton.foreground#F6F6F8ce
  • extensionButton.hoverBackground#11244Cfe
  • extensionButton.prominentBackground#282C34fe
  • extensionButton.prominentForeground#F6F6F8ce
  • extensionButton.prominentHoverBackground#282C34fe
  • extensionButton.separator#19141300
  • extensionIcon.preReleaseForeground#FDFEFEfe
  • extensionIcon.sponsorForeground#FEFEFEfe
  • extensionIcon.starForeground#E4EAE9fe
  • extensionIcon.verifiedForeground#FDFEFEfe
  • focusBorder#13151900
  • foreground#F6F6F8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FBFCFEae
  • inlineChat.background#222C45ca
  • inlineChat.border#422234ca
  • inlineChat.regionHighlight#D3D6DDca
  • inlineChat.shadow#CED2D9ca
  • inlineChatDiff.inserted#D3DCD3ca
  • inlineChatDiff.removed#EAEAE4ca
  • inlineChatInput.background#E0DCE3ca
  • inlineChatInput.border#422622ca
  • inlineChatInput.focusBorder#19191300
  • inlineChatInput.placeholderForeground#DCE3DCca
  • input.background#16191Dfe
  • input.border#16191Dfe
  • input.foreground#F6F6F8ce
  • input.placeholderForeground#FDFDFE65
  • inputOption.activeBackground#16191Dfe
  • inputOption.activeBorder#16191Dfe
  • inputOption.activeForeground#CABAF9fe
  • inputOption.hoverBackground#16191Dfe
  • inputValidation.errorBackground#670067cb
  • inputValidation.errorBorder#670067ab
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#16191Dfe
  • inputValidation.infoForeground#F6F6F8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#16191Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#16191Dfe
  • interactive.inactiveCodeBorder#0D20449d
  • keybindingLabel.background#282C34fe
  • keybindingLabel.border#16191Dfe
  • keybindingLabel.bottomBorder#16191Dfe
  • keybindingLabel.foreground#F6F6F8ce
  • keybindingTable.headerBackground#282C34fe
  • keybindingTable.rowsBackground#282C34fe
  • list.activeSelectionBackground#9562BC85
  • list.activeSelectionForeground#E3DCE0ca
  • list.activeSelectionIconForeground#D3D6DDca
  • list.deemphasizedForeground#F6F6F8ce
  • list.dropBackground#282C34fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#282C34fe
  • list.filterMatchBorder#16191Dfe
  • list.focusAndSelectionOutline#16131900
  • list.focusBackground#4765A296
  • list.focusForeground#C9B9F9fe
  • list.focusHighlightForeground#FEA5DAfe
  • list.focusOutline#19191300
  • list.highlightForeground#CED2D9ca
  • list.hoverBackground#12264Afe
  • list.hoverForeground#CABAF9fe
  • list.inactiveFocusBackground#383E499d
  • list.inactiveFocusOutline#13151900
  • list.inactiveSelectionBackground#1A1D22ae
  • list.inactiveSelectionForeground#FDFDFE65
  • list.inactiveSelectionIconForeground#FDFEFE65
  • list.invalidItemForeground#F6F6F8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#282C34fe
  • listFilterWidget.noMatchesOutline#19191300
  • listFilterWidget.outline#19131700
  • listFilterWidget.shadow#16131900
  • menu.background#1A1D22fe
  • menu.border#13191800
  • menu.foreground#E9EAEEae
  • menu.selectionBackground#6E798Fa6
  • menu.selectionBorder#19191300
  • menu.selectionForeground#CABAF9fe
  • menu.separatorBackground#1F2C4565
  • menubar.selectionBackground#535C6Ca6
  • menubar.selectionBorder#13191300
  • menubar.selectionForeground#CABAF9fe
  • merge.border#16191Dfe
  • merge.commonContentBackground#282C34fe
  • merge.commonHeaderBackground#282C34fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#282C34fe
  • mergeEditor.change.word.background#282C34fe
  • mergeEditor.changeBase.background#282C34fe
  • mergeEditor.changeBase.word.background#282C34fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#16191Dfe
  • mergeEditor.conflict.handledUnfocused.border#0A173438
  • mergeEditor.conflict.input1.background#16191Dfe
  • mergeEditor.conflict.input2.background#16191Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b9
  • mergeEditor.conflict.unhandledFocused.border#16191Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#0B19343c
  • mergeEditor.conflictingLines.background#282C34fe
  • minimap.background#282C34fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F8ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#646E82fe
  • minimapSlider.background#505868ae
  • minimapSlider.hoverBackground#424957fe
  • notebook.cellBorderColor#16191Dfe
  • notebook.cellEditorBackground#282C34fe
  • notebook.cellHoverBackground#282C34fe
  • notebook.cellInsertionIndicator#E0D9D7ca
  • notebook.cellStatusBarItemHoverBackground#282C34fe
  • notebook.cellToolbarSeparator#D7E0DEca
  • notebook.editorBackground#282C34fe
  • notebook.focusedCellBackground#282C34fe
  • notebook.focusedCellBorder#7F62D8fe
  • notebook.focusedEditorBorder#16191Dfe
  • notebook.inactiveFocusedCellBorder#646E828e
  • notebook.inactiveSelectedCellBorder#6E798F8e
  • notebook.outputContainerBackgroundColor#282C34fe
  • notebook.outputContainerBorderColor#16191Dfe
  • notebook.selectedCellBackground#282C34fe
  • notebook.selectedCellBorder#16191Dfe
  • notebook.symbolHighlightBackground#282C34fe
  • notebookEditorOverviewRuler.runningCellForeground#F6F6F8ce
  • notebookScrollbarSlider.activeBackground#677287fe
  • notebookScrollbarSlider.background#464D5Bae
  • notebookScrollbarSlider.hoverBackground#616A7Efe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#CED2D9fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#16191Dfe
  • notificationCenterHeader.background#282C34fe
  • notificationCenterHeader.foreground#F6F6F8ce
  • notificationLink.foreground#F6F6F8ce
  • notifications.background#282C34fe
  • notifications.border#16191Dfe
  • notifications.foreground#F6F6F8ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#D9CFD5fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#16191Dfe
  • panel.background#282C34fe
  • panel.border#16191Dfe
  • panel.dropBorder#16191Dfe
  • panelInput.border#16191Dfe
  • panelSection.border#16191Dfe
  • panelSection.dropBackground#282C34fe
  • panelSectionHeader.background#282C34fe
  • panelSectionHeader.border#16191Dfe
  • panelSectionHeader.foreground#F6F6F8ce
  • panelTitle.activeBorder#19191300
  • panelTitle.activeForeground#C8B8F9fe
  • panelTitle.inactiveForeground#B4BAC565
  • peekView.border#B29CF2fe
  • peekViewEditor.background#16191Dfe
  • peekViewEditor.matchHighlightBackground#546B678e
  • peekViewEditor.matchHighlightBorder#19191300
  • peekViewEditorGutter.background#16191Dfe
  • peekViewEditorStickyScroll.background#282C34fe
  • peekViewResult.background#1A1D22fe
  • peekViewResult.fileForeground#F6F6F8ce
  • peekViewResult.lineForeground#F6F6F8ce
  • peekViewResult.matchHighlightBackground#5E785E8e
  • peekViewResult.selectionBackground#6F57678c
  • peekViewResult.selectionForeground#E0E7E0ca
  • peekViewTitle.background#1A1D22fe
  • peekViewTitleDescription.foreground#F6F6F8ce
  • peekViewTitleLabel.foreground#F6F6F8ce
  • pickerGroup.border#16191Dfe
  • pickerGroup.foreground#F6F6F8ce
  • ports.iconRunningProcessForeground#DCE3DCfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#7F62D8fe
  • profileBadge.foreground#1A1D22fe
  • progressBar.background#282C34fe
  • quickInput.background#1A1D22fe
  • quickInput.foreground#F1F2F4ae
  • quickInputList.focusBackground#424957a4
  • quickInputList.focusForeground#CABAF9fe
  • quickInputList.focusIconForeground#C9BAF9fe
  • quickInputTitle.background#16191Dfe
  • sash.hoverBorder#16191Dfe
  • scrollbar.shadow#19191300
  • scrollbarSlider.activeBackground#677287fe
  • scrollbarSlider.background#464D5Bae
  • scrollbarSlider.hoverBackground#5D677Afe
  • search.resultsInfoForeground#F6F6F8ce
  • searchEditor.findMatchBackground#B65694ad
  • searchEditor.findMatchBorder#16191Dfe
  • searchEditor.textInputBorder#16191Dfe
  • selection.background#282C34fe
  • settings.checkboxBackground#16191Dfe
  • settings.checkboxBorder#16191Dfe
  • settings.checkboxForeground#F6F6F8ce
  • settings.dropdownBackground#16191Dfe
  • settings.dropdownBorder#16191Dfe
  • settings.dropdownForeground#F6F6F8ce
  • settings.dropdownListBorder#16191Dfe
  • settings.focusedRowBackground#5E785E84
  • settings.focusedRowBorder#16191Dfe
  • settings.headerBorder#16191Dfe
  • settings.headerForeground#F6F6F8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#16191Dfe
  • settings.numberInputBorder#16191Dfe
  • settings.numberInputForeground#F6F6F8ce
  • settings.rowHoverBackground#282C34fe
  • settings.sashBorder#16191Dfe
  • settings.settingsHeaderHoverForeground#7F62D8fe
  • settings.textInputBackground#16191Dfe
  • settings.textInputBorder#16191Dfe
  • settings.textInputForeground#F6F6F8ce
  • sideBar.background#282C34fe
  • sideBar.border#16191Dfe
  • sideBar.dropBackground#282C34fe
  • sideBar.foreground#FBFCFEae
  • sideBarSectionHeader.background#13191300
  • sideBarSectionHeader.border#16191Dfe
  • sideBarSectionHeader.foreground#F6F6F8ce
  • sideBarTitle.foreground#F6F6F8ce
  • sideBySideEditor.horizontalBorder#16191Dfe
  • sideBySideEditor.verticalBorder#16191Dfe
  • simpleFindWidget.sashBorder#16191Dfe
  • statusBar.background#1A1D22fe
  • statusBar.border#16191Dfe
  • statusBar.debuggingBackground#670067be
  • statusBar.debuggingBorder#16191Dfe
  • statusBar.debuggingForeground#F6F6F8ce
  • statusBar.focusBorder#19191300
  • statusBar.foreground#FDFDFE6e
  • statusBar.noFolderBackground#1A1D22fe
  • statusBar.noFolderBorder#16191Dfe
  • statusBar.noFolderForeground#F6F6F8ce
  • statusBarItem.activeBackground#1A1D22fe
  • statusBarItem.compactHoverBackground#1A1D22fe
  • statusBarItem.errorBackground#670067aa
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#19191300
  • statusBarItem.hoverBackground#1A1D22fe
  • statusBarItem.hoverForeground#CABAF9fe
  • statusBarItem.offlineBackground#1A1D22fe
  • statusBarItem.offlineForeground#F6F6F8ce
  • statusBarItem.offlineHoverBackground#1A1D22fe
  • statusBarItem.offlineHoverForeground#C9BAF9fe
  • statusBarItem.prominentBackground#1A1D22fe
  • statusBarItem.prominentForeground#F6F6F8ce
  • statusBarItem.prominentHoverBackground#1A1D22fe
  • statusBarItem.prominentHoverForeground#C9BAF9fe
  • statusBarItem.remoteBackground#CABAF9fe
  • statusBarItem.remoteForeground#1A1D22fe
  • statusBarItem.remoteHoverBackground#1A1D22fe
  • statusBarItem.remoteHoverForeground#CABAF9fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#FEFEFEfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#FEFEFDfe
  • symbolIcon.colorForeground#E0E2E7fe
  • symbolIcon.constantForeground#EAE5E4fe
  • symbolIcon.constructorForeground#CAD6CAfe
  • symbolIcon.enumeratorForeground#FDFEFEfe
  • symbolIcon.enumeratorMemberForeground#DCDCD3fe
  • symbolIcon.eventForeground#D7DAE0fe
  • symbolIcon.fieldForeground#FDFEFEfe
  • symbolIcon.fileForeground#FDFEFEfe
  • symbolIcon.folderForeground#FEFDFEfe
  • symbolIcon.functionForeground#EAE5E4fe
  • symbolIcon.interfaceForeground#FEFDFEfe
  • symbolIcon.keyForeground#FEFEFDfe
  • symbolIcon.keywordForeground#E0DCE3fe
  • symbolIcon.methodForeground#E0E2E7fe
  • symbolIcon.moduleForeground#FEFEFDfe
  • symbolIcon.namespaceForeground#FEFEFDfe
  • symbolIcon.nullForeground#D2D2C6fe
  • symbolIcon.numberForeground#FEFDFEfe
  • symbolIcon.objectForeground#FEFDFEfe
  • symbolIcon.operatorForeground#D3DCDBfe
  • symbolIcon.packageForeground#D6D6CAfe
  • symbolIcon.propertyForeground#CAD6CAfe
  • symbolIcon.referenceForeground#E0D9D7fe
  • symbolIcon.snippetForeground#D7E0DEfe
  • symbolIcon.stringForeground#DCD7E0fe
  • symbolIcon.structForeground#FDFEFEfe
  • symbolIcon.textForeground#D7E0DEfe
  • symbolIcon.typeParameterForeground#DCD7E0fe
  • symbolIcon.unitForeground#FEFDFEfe
  • symbolIcon.variableForeground#E7E1E0fe
  • tab.activeBackground#1D2026fe
  • tab.activeBorder#19141300
  • tab.activeBorderTop#B7A3F4fe
  • tab.activeForeground#BDAAF6fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#16131900
  • tab.hoverBackground#FBFCFEfe
  • tab.hoverBorder#16191Dfe
  • tab.hoverForeground#C9BAF9fe
  • tab.inactiveBackground#0F214795
  • tab.inactiveForeground#A3AAB865
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#16191Dfe
  • tab.unfocusedActiveBackground#2B2F3822
  • tab.unfocusedActiveBorder#19131700
  • tab.unfocusedActiveBorderTop#1F2D4665
  • tab.unfocusedActiveForeground#B0B6C265
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FCFDFEfe
  • tab.unfocusedHoverBorder#0A173437
  • tab.unfocusedHoverForeground#A3AAB865
  • tab.unfocusedInactiveBackground#32374191
  • tab.unfocusedInactiveForeground#A3AAB865
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ae
  • 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#670067c3
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec9
  • terminal.ansiYellow#c4a200fe
  • terminal.background#282C34fe
  • terminal.border#16191Dfe
  • terminal.dropBackground#282C34fe
  • terminal.findMatchBackground#282C34fe
  • terminal.findMatchBorder#16191Dfe
  • terminal.findMatchHighlightBackground#282C34fe
  • terminal.findMatchHighlightBorder#16191Dfe
  • terminal.foreground#FBFCFEae
  • terminal.hoverHighlightBackground#282C34fe
  • terminal.inactiveSelectionBackground#353A459d
  • terminal.selectionBackground#4A5E5A8d
  • terminal.selectionForeground#D7E0DEca
  • terminal.tab.activeBorder#B29CF2fe
  • terminalCommandDecoration.defaultBackground#FEFCFEa3
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#282C34fe
  • terminalCursor.foreground#CABAF9fe
  • terminalOverviewRuler.cursorForeground#F6F6F8ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b9
  • testing.iconUnset#808080c0
  • testing.message.error.decorationForeground#FDFCFEfe
  • testing.message.error.lineBackground#670067b8
  • testing.message.info.decorationForeground#FDFCFEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#16191Dfe
  • testing.peekHeaderBackground#282C34fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#282C34fe
  • textBlockQuote.border#16191Dfe
  • textCodeBlock.background#282C34fe
  • textLink.activeForeground#CABAF9fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F6F6F8ce
  • textSeparator.foreground#F6F6F8ce
  • titleBar.activeBackground#1A1D22fe
  • titleBar.activeForeground#B0BFFBae
  • titleBar.border#16131900
  • titleBar.inactiveBackground#0C1A37da
  • titleBar.inactiveForeground#B4BAC565
  • toolbar.activeBackground#4B201584
  • toolbar.hoverBackground#282C34fe
  • toolbar.hoverOutline#13151900
  • tree.inactiveIndentGuidesStroke#BAA8B335
  • tree.indentGuidesStroke#FDFDFEfe
  • tree.tableColumnsBorder#16191Dfe
  • tree.tableOddRowsBackground#282C34fe
  • walkThrough.embeddedEditorBackground#282C34fe
  • walkthrough.stepTitle.foreground#F6F6F8ce
  • welcomePage.background#282C34fe
  • welcomePage.progress.background#282C34fe
  • welcomePage.progress.foreground#F6F6F8ce
  • welcomePage.tileBackground#282C34fe
  • welcomePage.tileBorder#16191Dfe
  • welcomePage.tileHoverBackground#282C34fe
  • widget.border#16191Dfe
  • widget.shadow#13151900
  • window.activeBorder#16191Dfe
  • window.inactiveBorder#0F21479d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#CAD4FE6e
comment.block.html#C3D2FD6e
comment.block.java#ACBCFB6e
comment.block.javadoc.java#B5CDFD6e
comment.block.powershell#9CBBF96e
comment.block.xml#C1D5FC6e
comment.line.double-slash.c#ABC5F96e
comment.line.double-slash.cpp#ACBCFB6e
comment.line.double-slash.java#C6D9FE6e
comment.line.double-slash.js#C6D1FD6e
comment.line.number-sign.makefile#CFD8FE6e
comment.line.number-sign.python#B8CFFB6e
comment.line.number-sign.yaml#B9D0FD6e
comment.line.percentage.erlang#AABEFA6e
comment.line.powershell#C5D8FD6e
comment.source.cmake#BDD2FC6e
comment.source.cmakecache#AABEFA6e
constant.character#9AE880de
constant.character.character-class.regexp#89ECBBde
constant.character.escape#7FD862de
constant.character.set.regexp#DBD0FCde
constant.language#67DBA1de
constant.numeric#F8B7E8de
constant.numeric.dec.python#76D158de
constant.other.caps.python#0CD570de
constant.other.character-class.regexp#76D158de
constant.other.character-class.set.regexp#94C2EFde
constant.other.color.rgb-value#FBC5C5de
constant.other.placeholder#F9BCEAde
constant.other.rgb-value#D3C6FBde
constant.regexp#89DF6Cde
constant.sha.git-rebase#9BE981de
emphasis#FBC7EEde
entity.name.class#E7CD7Dde
entity.name.function#E1C672de
entity.name.function.preprocessor#B5D7F8de
entity.name.function.python#C1AFF7de
entity.name.label#62F831de
entity.name.namespace#62D89Dde
entity.name.operator#C8B8F9de
entity.name.operator.custom-literal#D4C6FBde
entity.name.scope-resolution#F7AFAFde
entity.name.tag#93E577de
entity.name.tag.css#76E4ADde
entity.name.type#99E87Fde
entity.name.variable#AACFF6de
entity.other.attribute#F7AFE5de
entity.other.attribute-name#78D259de
entity.other.attribute-name.class.css#A7CEF5de
entity.other.attribute-name.class.mixin.css#67DBA1de
entity.other.attribute-name.id#78E4AEde
entity.other.attribute-name.id.css#F7B0B0de
entity.other.attribute-name.parent-selector.css#D1C3FAde
entity.other.attribute-name.pseudo-class.css#BFADF6de
entity.other.attribute-name.pseudo-element.css#9BE981de
entity.other.attribute-name.scss#D0C1FAde
entity.other.document.begin.yaml#A2B7F86e
entity.other.inherited-class#76D158de
header#E4C978de
invalid#F9B9E9de
keyword#40E50Ade
keyword.codetag.notation.python#F6ADADde
keyword.control#0BDE74de
keyword.control.anchor.regexp#F4A2DFde
keyword.control.import.python#F8B7E8de
keyword.operator#F5A9E2de
keyword.operator.alignas#0ADD75de
keyword.operator.alignof#A0EC88de
keyword.operator.cast#0AE779de
keyword.operator.delete#F5A6A6de
keyword.operator.documentation.powershell#A2B7F86e
keyword.operator.expression#BAD9F9de
keyword.operator.instanceof#F6A9A9de
keyword.operator.logical.python#D8CCFCde
keyword.operator.minus.exponent#FAC3EDde
keyword.operator.negation.regexp#E4C775de
keyword.operator.new#F9BAEAde
keyword.operator.noexcept#F9B8B8de
keyword.operator.or.regexp#98E77Dde
keyword.operator.plus.exponent#60D79Bde
keyword.operator.quantifier.regexp#95E67Bde
keyword.operator.sizeof#53CD90de
keyword.operator.typeid#E1C46Fde
keyword.operator.wordlike#F6C11Ede
keyword.other.operator#8EE272de
keyword.other.package.java#B8D9F9de
keyword.other.unit#EAD084de
keyword.other.using#9BE981de
markup.bold#A1CBF4de
markup.changed#F4A3E0de
markup.deleted#A0CAF3de
markup.fenced_code.block.markdown#67DBA1de
markup.heading#7FD862de
markup.inline.raw#D3C6FBde
markup.inserted#6CDFA5de
markup.italic#F5A8A8de
markup.raw.block.markdown#FBD14Ede
markup.strikethrough#88ECBAde
markup.underline#F8B5B5de
meta.block.c#90E374de
meta.block.c#E1C572de
meta.class.java#EAD083de
meta.definition.variable.name#F6ABABde
meta.diff.header#ECD388de
meta.embedded#DACFFCde
meta.embedded.assembly#30F895de
meta.function-call.arguments.python#A3CCF4de
meta.function-call.python#DED4FCde
meta.member.access.python#F6ADADde
meta.method.java#58D194de
meta.object-literal.key#D5B75Dde
meta.paragraph.markdown#F29EDEde
meta.preprocessor#FCCDCDde
meta.preprocessor.numeric#F3A2DFde
meta.preprocessor.string#D3C5FBde
meta.scope.prerequisites.makefile#B8D8F9de
meta.structure.dictionary.json.comments#BFCEFC6e
meta.structure.dictionary.key.python#C4B2F8de
meta.structure.dictionary.value.json.comments#C3D2FD6e
meta.template.expression#90BFEEde
meta.type.cast.expr#FAC2EDde
meta.type.new.expr#F6ADE4de
parameter#C1DDFAde
punctuation.character.set.begin.regexp#AED2F7de
punctuation.character.set.end.regexp#D5B75Dde
punctuation.definition.array.begin.json#DFC26Cde
punctuation.definition.character-class.regexp#F8B6E8de
punctuation.definition.comment#99B9F86e
punctuation.definition.comment.json.comments#CAD4FE6e
punctuation.definition.comment.python#B8CFFB6e
punctuation.definition.dictionary.begin.json#E1C571de
punctuation.definition.dictionary.end.json#8AEDBBde
punctuation.definition.group.assertion.regexp#D1C4FAde
punctuation.definition.group.regexp#84DB67de
punctuation.definition.list.begin.json#23F78Dde
punctuation.definition.list.begin.markdown#82DA64de
punctuation.definition.list.begin.python#92C1EFde
punctuation.definition.list.end.json#75D056de
punctuation.definition.list.end.markdown#93C1EFde
punctuation.definition.list.end.python#8EE272de
punctuation.definition.parameters.begin.python#86DD68de
punctuation.definition.parameters.end.bracket.round.java#F9BBBBde
punctuation.definition.quote.begin.markdown#D1C3FAde
punctuation.definition.tag#DCD1FCde
punctuation.definition.template-expression.begin#A6CDF5de
punctuation.definition.template-expression.end#DDD2FCde
punctuation.section.class.begin.bracket.curly.java#C6B5F8de
punctuation.section.embedded#E2C672de
punctuation.section.embedded.begin.php#94E578de
punctuation.section.embedded.end.php#78E4AEde
punctuation.terminator.java#FBC5EEde
source.cmake#6ADDA3de
source.coffee.embedded#FAC3EDde
source.cpp#0CF37Fde
source.css.less#F29CDDde
source.groovy.embedded#B3D5F8de
source.java#8EE272de
source.java-properties#DDC06Ade
source.json.comments#B0BFFB6e
source.makefile#DBD0FCde
source.powershell#FBC4EDde
source.powershell.variable.other.member#D5C9FBde
source.python#FBC5C5de
storage#F3A2DFde
storage.modifier#93E577de
storage.modifier.import.java#EFB80Ade
storage.modifier.package.java#8BBCECde
storage.type#EED790de
storage.type.annotation.groovy#58D194de
storage.type.annotation.java#F29CDDde
storage.type.boolean.go#41DF0Bde
storage.type.byte.go#F7B0B0de
storage.type.cs#92E477de
storage.type.error.go#BAD9F9de
storage.type.generic.cs#76D158de
storage.type.generic.groovy#94E579de
storage.type.generic.java#90BFEEde
storage.type.groovy#F6ADE4de
storage.type.java#5DD599de
storage.type.modifier.cs#F29CDDde
storage.type.numeric.go#CABAF9de
storage.type.object.array.groovy#DCD1FCde
storage.type.object.array.java#F4A3E0de
storage.type.parameters.groovy#F3A2A2de
storage.type.primitive.array.groovy#91C0EFde
storage.type.primitive.array.java#E1C570de
storage.type.primitive.groovy#BBDAF9de
storage.type.primitive.java#C1B0F7de
storage.type.rune.go#6ADDA4de
storage.type.string.go#E1C470de
storage.type.token.java#41DE0Bde
storage.type.uintptr.go#D2C5FBde
storage.type.variable.cs#DEC26Bde
string#91C0EFde
string.quoted.docstring.multi.python#B4CCFB6e
string.regexp#B4D6F8de
string.tag#F8B7E8de
string.value#CBBBF9de
strong#67DCA1de
support.class#62D89Dde
support.constant.color#DFC26Cde
support.constant.dom#BADAF9de
support.constant.font-name#C8B7F8de
support.constant.handlebars#D3B55Ade
support.constant.json#F7ADE4de
support.constant.math#ABD0F6de
support.constant.media#FCCCCCde
support.constant.media-type#F8B3E7de
support.constant.property-value#72CF53de
support.function#C2B0F7de
support.function.git-rebase#FABFECde
support.other.parenthesis.regexp#A2EC89de
support.type#72E2AAde
support.type.property-name#E6CA79de
support.type.vendored.property-name#78E4AEde
support.variable#72CD53de
token.debug-token#F4A2A2de
token.error-token#F4A3A3de
token.info-token#F8B3E6de
token.warn-token#62D89Dde
variable#A2EC89de
variable.css#B6D7F8de
variable.language#F6ADADde
variable.language.wildcard.java#DDC168de
variable.other.constant#55CF91de
variable.other.definition.java#8CBCEDde
variable.other.enummember#86EBB8de
variable.other.less#EAD083de
variable.other.object.java#D8BA61de
variable.other.object.property.java#A3CCF4de
variable.parameter.c#8BBCEDde
variable.parameter.function.language.python#F39EDDde
variable.parameter.java#F6ADE4de
variable.scss#78E4AEde