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#16202Afe
  • activityBar.activeBackground#16202Afe
  • activityBar.activeBorder#FA9F44fe
  • activityBar.activeFocusBorder#2EC88A00
  • activityBar.background#0E151Cfe
  • activityBar.border#8DB6F300
  • activityBar.dropBorder#FAA048fe
  • activityBar.foreground#FA9F44fe
  • activityBar.inactiveForeground#6DB6FE65
  • activityBarBadge.background#D49B61fe
  • activityBarBadge.foreground#0E151Cfe
  • badge.background#C0864Cfe
  • badge.foreground#0E151Cfe
  • banner.background#16202Afe
  • banner.foreground#E9F1FEce
  • banner.iconForeground#D7D1B3fe
  • breadcrumb.activeSelectionForeground#D7E8D3ca
  • breadcrumb.background#10171Ffe
  • breadcrumb.focusForeground#DEA770fe
  • breadcrumb.foreground#EEF2F6ae
  • breadcrumbPicker.background#16202Afe
  • button.background#2C4155ae
  • button.border#150B1200
  • button.foreground#E9F1FEce
  • button.hoverBackground#3D5975fe
  • button.secondaryBackground#16202Afe
  • button.secondaryForeground#E9F1FEce
  • button.secondaryHoverBackground#16202Afe
  • button.separator#15130B00
  • charts.blue#1b1bfffe
  • charts.foreground#E9F1FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C1218fe
  • chat.slashCommandBackground#16202Afe
  • chat.slashCommandForeground#E9F1FEce
  • checkbox.background#0C1218fe
  • checkbox.border#0C1218fe
  • checkbox.foreground#E9F1FEce
  • checkbox.selectBackground#0C1218fe
  • checkbox.selectBorder#0C1218fe
  • commandCenter.activeBackground#14300D8a
  • commandCenter.activeBorder#0C1218fe
  • commandCenter.activeForeground#C0864Cfe
  • commandCenter.background#16202Afe
  • commandCenter.border#0C1218fe
  • commandCenter.foreground#E9F1FEce
  • commandCenter.inactiveBorder#0A223A94
  • commandCenter.inactiveForeground#98B0C965
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0F1500
  • contrastBorder#15130B00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E9F1FEce
  • debugConsole.sourceForeground#E9F1FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E2C8DCfe
  • debugExceptionWidget.background#670067a6
  • debugExceptionWidget.border#0C1218fe
  • debugIcon.breakpointCurrentStackframeForeground#C8E2D8fe
  • debugIcon.breakpointDisabledForeground#ECF5FE65
  • debugIcon.breakpointForeground#B8DACCfe
  • debugIcon.breakpointStackframeForeground#DFDBC3fe
  • debugIcon.breakpointUnverifiedForeground#CDC3DFfe
  • debugIcon.continueForeground#DFC3C3fe
  • debugIcon.disconnectForeground#C3D1DFfe
  • debugIcon.pauseForeground#D3DDE8fe
  • debugIcon.restartForeground#D1C8E2fe
  • debugIcon.startForeground#D4CEADfe
  • debugIcon.stepBackForeground#E1EDDEfe
  • debugIcon.stepIntoForeground#DAD3E8fe
  • debugIcon.stepOutForeground#DAD3E8fe
  • debugIcon.stepOverForeground#FEF1F1fe
  • debugIcon.stopForeground#BDDCD0fe
  • debugTokenExpression.boolean#DFC3D8ca
  • debugTokenExpression.error#D9E2EBca
  • debugTokenExpression.name#E5E1CEca
  • debugTokenExpression.number#D3DDE8ca
  • debugTokenExpression.value#D3DDE8ca
  • debugToolBar.background#6700679f
  • debugToolBar.border#0C1218fe
  • debugView.exceptionLabelBackground#182F13ca
  • debugView.exceptionLabelForeground#C3D1DFca
  • debugView.stateLabelBackground#44193Aca
  • debugView.stateLabelForeground#EBD9D9ca
  • debugView.valueChangedHighlight#E8D3E3ca
  • descriptionForeground#E9F1FEce
  • diffEditor.border#0E0B1500
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#15130B00
  • diffEditor.move.border#0E0B1500
  • diffEditor.moveActive.border#150B0B00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0B151100
  • diffEditor.unchangedCodeBackground#16202Afe
  • diffEditor.unchangedRegionBackground#16202Afe
  • diffEditor.unchangedRegionForeground#E9F1FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#EDF5FE65
  • dropdown.background#0C1218fe
  • dropdown.border#0C1218fe
  • dropdown.foreground#E9F1FEce
  • dropdown.listBackground#0C1218fe
  • editor.background#16202Afe
  • editor.findMatchBackground#405D7Ba4
  • editor.findMatchBorder#0C1218fe
  • editor.findMatchHighlightBackground#38516Ba1
  • editor.findMatchHighlightBorder#0C1218fe
  • editor.findRangeHighlightBackground#655E35a3
  • editor.findRangeHighlightBorder#0C1218fe
  • editor.focusedStackFrameHighlightBackground#8B49498c
  • editor.foldBackground#DBFCD3ab
  • editor.foreground#E9F1FEce
  • editor.hoverHighlightBackground#804343a6
  • editor.inactiveSelectionBackground#387ABF91
  • editor.inlineValuesBackground#16202Afe
  • editor.inlineValuesForeground#E9F1FEce
  • editor.lineHighlightBackground#243445b5
  • editor.lineHighlightBorder#0B151100
  • editor.linkedEditingBackground#16202Afe
  • editor.rangeHighlightBackground#7C3B6Bac
  • editor.rangeHighlightBorder#0C1218fe
  • editor.selectionBackground#466686a7
  • editor.selectionForeground#E2C8C8ca
  • editor.selectionHighlightBackground#753D678b
  • editor.selectionHighlightBorder#0C1218fe
  • editor.snippetFinalTabstopHighlightBackground#7B4040a2
  • editor.snippetFinalTabstopHighlightBorder#0C1218fe
  • editor.snippetTabstopHighlightBackground#3A628Aaa
  • editor.snippetTabstopHighlightBorder#0C1218fe
  • editor.stackFrameHighlightBackground#4F8043a7
  • editor.symbolHighlightBackground#753D67a7
  • editor.symbolHighlightBorder#0C1218fe
  • editor.wordHighlightBackground#426B38a6
  • editor.wordHighlightBorder#150B1200
  • editor.wordHighlightStrongBackground#38516Ba4
  • editor.wordHighlightStrongBorder#0D150B00
  • editor.wordHighlightTextBackground#6B6338a6
  • editor.wordHighlightTextBorder#0B151100
  • editorBracketHighlight.foreground1#F4F6F9ce
  • editorBracketHighlight.foreground2#F4F6F9ce
  • editorBracketHighlight.foreground3#F4F6F9ce
  • editorBracketHighlight.foreground4#F4F6F9ce
  • editorBracketHighlight.foreground5#F4F6F9ce
  • editorBracketHighlight.foreground6#F4F6F9ce
  • editorBracketHighlight.unexpectedBracket.foreground#E9F1FEce
  • editorBracketMatch.background#FCF5CFa6
  • editorBracketMatch.border#0C1218fe
  • editorBracketPairGuide.activeBackground1#F7F2FE82
  • editorBracketPairGuide.activeBackground2#DCFDD583
  • editorBracketPairGuide.activeBackground3#FEEFEF83
  • editorBracketPairGuide.activeBackground4#D3FCEC8d
  • editorBracketPairGuide.activeBackground5#DEFCD682
  • editorBracketPairGuide.activeBackground6#DDFDD68e
  • editorBracketPairGuide.background1#491A1Afe
  • editorBracketPairGuide.background2#172B3Efe
  • editorBracketPairGuide.background3#182F13fe
  • editorBracketPairGuide.background4#172D12fe
  • editorBracketPairGuide.background5#45193Afe
  • editorBracketPairGuide.background6#321C5Bfe
  • editorCodeLens.foreground#EDF5FE6e
  • editorCommentsWidget.rangeActiveBackground#E9F3FEfe
  • editorCommentsWidget.rangeBackground#16202Afe
  • editorCommentsWidget.resolvedBorder#0C1218fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#16202Afe
  • editorCursor.foreground#D79F66fe
  • editorError.background#15130B00
  • editorError.border#0B151100
  • editorError.foreground#b400b4ce
  • editorGhostText.background#16202Afe
  • editorGhostText.border#15130B00
  • editorGhostText.foreground#ECF5FE6e
  • editorGroup.border#0C1218fe
  • editorGroup.dropBackground#16202Afe
  • editorGroup.dropIntoPromptBackground#16202Afe
  • editorGroup.dropIntoPromptBorder#0C1218fe
  • editorGroup.dropIntoPromptForeground#E9F1FEce
  • editorGroup.emptyBackground#16202Afe
  • editorGroup.focusedEmptyBorder#0C1218fe
  • editorGroupHeader.border#150B0B00
  • editorGroupHeader.noTabsBackground#0E151Cae
  • editorGroupHeader.tabsBackground#16202Aa1
  • editorGroupHeader.tabsBorder#0B151100
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#16202Afe
  • editorGutter.commentGlyphForeground#E9F1FEce
  • editorGutter.commentRangeForeground#E9F1FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E9F1FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#150B0B00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0C1218fe
  • editorHoverWidget.border#0C1218fe
  • editorHoverWidget.foreground#E9F1FEce
  • editorHoverWidget.highlightForeground#C3D1DFca
  • editorHoverWidget.statusBarBackground#16202Afe
  • editorIndentGuide.activeBackground1#EBF4FEfe
  • editorIndentGuide.activeBackground2#EAF4FEfe
  • editorIndentGuide.activeBackground3#EBF4FEfe
  • editorIndentGuide.activeBackground4#ECF5FEfe
  • editorIndentGuide.activeBackground5#ECF5FEfe
  • editorIndentGuide.activeBackground6#EBF5FEfe
  • editorIndentGuide.background1#BD82AE35
  • editorIndentGuide.background2#BD828235
  • editorIndentGuide.background3#CEA2A235
  • editorIndentGuide.background4#A1C99835
  • editorIndentGuide.background5#84B87735
  • editorIndentGuide.background6#A8D1C135
  • editorInfo.background#0D150B00
  • editorInfo.border#0B151100
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#16202Afe
  • editorInlayHint.foreground#E9F1FEce
  • editorInlayHint.parameterBackground#16202Afe
  • editorInlayHint.parameterForeground#E9F1FEce
  • editorInlayHint.typeBackground#16202Afe
  • editorInlayHint.typeForeground#E9F1FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#CC9258fe
  • editorLineNumber.dimmedForeground#EDF5FE6e
  • editorLineNumber.foreground#EDF5FE6e
  • editorLink.activeForeground#D0965Dfe
  • editorMarkerNavigation.background#0C1218fe
  • editorMarkerNavigationError.background#670067a2
  • editorMarkerNavigationError.headerBackground#670067b8
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16202Afe
  • editorOverviewRuler.border#0A223Afe
  • editorOverviewRuler.bracketMatchForeground#E9F1FEce
  • editorOverviewRuler.commentForeground#ECF5FE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E9F1FEce
  • editorOverviewRuler.currentContentForeground#cececeab
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E5E1CEca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D3E8E0ca
  • editorOverviewRuler.wordHighlightStrongForeground#E9F1FEce
  • editorOverviewRuler.wordHighlightTextForeground#E9F1FEce
  • editorPane.background#16202Afe
  • editorRuler.foreground#E9F4FE29
  • editorStickyScroll.background#16202Afe
  • editorStickyScroll.shadow#150B0B00
  • editorStickyScrollHover.background#0F2B47fe
  • editorSuggestWidget.background#0C1218fe
  • editorSuggestWidget.border#0E0B1500
  • editorSuggestWidget.focusHighlightForeground#24BD81fe
  • editorSuggestWidget.foreground#FEF0FBfe
  • editorSuggestWidget.highlightForeground#EBE8D9ca
  • editorSuggestWidget.selectedBackground#70683A85
  • editorSuggestWidget.selectedForeground#D6CEE5ca
  • editorSuggestWidget.selectedIconForeground#EDDEDEca
  • editorSuggestWidgetStatus.foreground#B8C9DAfe
  • editorUnicodeHighlight.background#226911a6
  • editorUnicodeHighlight.border#0C1218fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#15130B00
  • editorWarning.border#0D150B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E9F1FEce
  • editorWidget.background#0C1218fe
  • editorWidget.border#0C1218fe
  • editorWidget.foreground#E9F1FEce
  • editorWidget.resizeBorder#0C1218fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#D79F66fe
  • extensionBadge.remoteForeground#0E151Cfe
  • extensionButton.background#0A2A49ae
  • extensionButton.foreground#E9F1FEce
  • extensionButton.hoverBackground#112B46fe
  • extensionButton.prominentBackground#16202Afe
  • extensionButton.prominentForeground#E9F1FEce
  • extensionButton.prominentHoverBackground#16202Afe
  • extensionButton.separator#0E0B1500
  • extensionIcon.preReleaseForeground#CDE2C8fe
  • extensionIcon.sponsorForeground#FEF1F1fe
  • extensionIcon.starForeground#E2C8C8fe
  • extensionIcon.verifiedForeground#FEF1F1fe
  • focusBorder#0D150B00
  • foreground#E9F1FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#EBF4FEae
  • inlineChat.background#4B1A1Aca
  • inlineChat.border#431939ca
  • inlineChat.regionHighlight#EBE8D9ca
  • inlineChat.shadow#E3DEEDca
  • inlineChatDiff.inserted#E8E5D3ca
  • inlineChatDiff.removed#D7E8D3ca
  • inlineChatInput.background#EDDEDEca
  • inlineChatInput.border#172A3Dca
  • inlineChatInput.focusBorder#15130B00
  • inlineChatInput.placeholderForeground#E8E5D3ca
  • input.background#0C1218fe
  • input.border#0C1218fe
  • input.foreground#E9F1FEce
  • input.placeholderForeground#ECF5FE65
  • inputOption.activeBackground#0C1218fe
  • inputOption.activeBorder#0C1218fe
  • inputOption.activeForeground#D49B61fe
  • inputOption.hoverBackground#0C1218fe
  • inputValidation.errorBackground#670067af
  • inputValidation.errorBorder#670067b9
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C1218fe
  • inputValidation.infoForeground#E9F1FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C1218fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C1218fe
  • interactive.inactiveCodeBorder#0A223A97
  • keybindingLabel.background#16202Afe
  • keybindingLabel.border#0C1218fe
  • keybindingLabel.bottomBorder#0C1218fe
  • keybindingLabel.foreground#E9F1FEce
  • keybindingTable.headerBackground#16202Afe
  • keybindingTable.rowsBackground#16202Afe
  • list.activeSelectionBackground#6B633887
  • list.activeSelectionForeground#D3DDE8ca
  • list.activeSelectionIconForeground#DEEDE7ca
  • list.deemphasizedForeground#E9F1FEce
  • list.dropBackground#16202Afe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#16202Afe
  • list.filterMatchBorder#0C1218fe
  • list.focusAndSelectionOutline#15130B00
  • list.focusBackground#3371AF97
  • list.focusForeground#C48A50fe
  • list.focusHighlightForeground#76B8FEfe
  • list.focusOutline#0E0B1500
  • list.highlightForeground#C3D1DFca
  • list.hoverBackground#0F2B47fe
  • list.hoverForeground#DAA36Bfe
  • list.inactiveFocusBackground#24344592
  • list.inactiveFocusOutline#150B1200
  • list.inactiveSelectionBackground#0E151Cae
  • list.inactiveSelectionForeground#EDF5FE65
  • list.inactiveSelectionIconForeground#EDF5FE65
  • list.invalidItemForeground#E9F1FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16202Afe
  • listFilterWidget.noMatchesOutline#0B151100
  • listFilterWidget.outline#0D150B00
  • listFilterWidget.shadow#0B0F1500
  • menu.background#0E151Cfe
  • menu.border#0B0F1500
  • menu.foreground#E3EAF0ae
  • menu.selectionBackground#547AA1a8
  • menu.selectionBorder#150B0B00
  • menu.selectionForeground#BB8248fe
  • menu.separatorBackground#162B4165
  • menubar.selectionBackground#466686a5
  • menubar.selectionBorder#150B1200
  • menubar.selectionForeground#C48A50fe
  • merge.border#0C1218fe
  • merge.commonContentBackground#16202Afe
  • merge.commonHeaderBackground#16202Afe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#16202Afe
  • mergeEditor.change.word.background#16202Afe
  • mergeEditor.changeBase.background#16202Afe
  • mergeEditor.changeBase.word.background#16202Afe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C1218fe
  • mergeEditor.conflict.handledUnfocused.border#18242F3e
  • mergeEditor.conflict.input1.background#0C1218fe
  • mergeEditor.conflict.input2.background#0C1218fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ac
  • mergeEditor.conflict.unhandledFocused.border#0C1218fe
  • mergeEditor.conflict.unhandledUnfocused.border#1B283427
  • mergeEditor.conflictingLines.background#16202Afe
  • minimap.background#16202Afe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F6F9ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#4B6E90fe
  • minimapSlider.background#354D65ae
  • minimapSlider.hoverBackground#2C4155fe
  • notebook.cellBorderColor#0C1218fe
  • notebook.cellEditorBackground#16202Afe
  • notebook.cellHoverBackground#16202Afe
  • notebook.cellInsertionIndicator#E2DEC8ca
  • notebook.cellStatusBarItemHoverBackground#16202Afe
  • notebook.cellToolbarSeparator#E2C8C8ca
  • notebook.editorBackground#16202Afe
  • notebook.focusedCellBackground#16202Afe
  • notebook.focusedCellBorder#D49B61fe
  • notebook.focusedEditorBorder#0C1218fe
  • notebook.inactiveFocusedCellBorder#4E72968e
  • notebook.inactiveSelectedCellBorder#51769B8e
  • notebook.outputContainerBackgroundColor#16202Afe
  • notebook.outputContainerBorderColor#0C1218fe
  • notebook.selectedCellBackground#16202Afe
  • notebook.selectedCellBorder#0C1218fe
  • notebook.symbolHighlightBackground#16202Afe
  • notebookEditorOverviewRuler.runningCellForeground#E9F1FEce
  • notebookScrollbarSlider.activeBackground#4E7296fe
  • notebookScrollbarSlider.background#2F455Aae
  • notebookScrollbarSlider.hoverBackground#354D65fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#CED9E5fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C1218fe
  • notificationCenterHeader.background#16202Afe
  • notificationCenterHeader.foreground#E9F1FEce
  • notificationLink.foreground#E9F1FEce
  • notifications.background#16202Afe
  • notifications.border#0C1218fe
  • notifications.foreground#E9F1FEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#B8C9DAfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C1218fe
  • panel.background#16202Afe
  • panel.border#0C1218fe
  • panel.dropBorder#0C1218fe
  • panelInput.border#0C1218fe
  • panelSection.border#0C1218fe
  • panelSection.dropBackground#16202Afe
  • panelSectionHeader.background#16202Afe
  • panelSectionHeader.border#0C1218fe
  • panelSectionHeader.foreground#E9F1FEce
  • panelTitle.activeBorder#150B1200
  • panelTitle.activeForeground#FAA048fe
  • panelTitle.inactiveForeground#98B0C965
  • peekView.border#FA9F46fe
  • peekViewEditor.background#0C1218fe
  • peekViewEditor.matchHighlightBackground#8646468e
  • peekViewEditor.matchHighlightBorder#15130B00
  • peekViewEditorGutter.background#0C1218fe
  • peekViewEditorStickyScroll.background#16202Afe
  • peekViewResult.background#0E151Cfe
  • peekViewResult.fileForeground#E9F1FEce
  • peekViewResult.lineForeground#E9F1FEce
  • peekViewResult.matchHighlightBackground#8077438a
  • peekViewResult.selectionBackground#8646768e
  • peekViewResult.selectionForeground#D1C8E2ca
  • peekViewTitle.background#0E151Cfe
  • peekViewTitleDescription.foreground#E9F1FEce
  • peekViewTitleLabel.foreground#E9F1FEce
  • pickerGroup.border#0C1218fe
  • pickerGroup.foreground#E9F1FEce
  • ports.iconRunningProcessForeground#DCBDBDfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#DEA770fe
  • profileBadge.foreground#0E151Cfe
  • progressBar.background#16202Afe
  • quickInput.background#0E151Cfe
  • quickInput.foreground#DEE6EDae
  • quickInputList.focusBackground#807743ac
  • quickInputList.focusForeground#CC9258fe
  • quickInputList.focusIconForeground#C88E54fe
  • quickInputTitle.background#0C1218fe
  • sash.hoverBorder#0C1218fe
  • scrollbar.shadow#150B1200
  • scrollbarSlider.activeBackground#4E7296fe
  • scrollbarSlider.background#354D65ae
  • scrollbarSlider.hoverBackground#2F455Afe
  • search.resultsInfoForeground#E9F1FEce
  • searchEditor.findMatchBackground#804371a8
  • searchEditor.findMatchBorder#0C1218fe
  • searchEditor.textInputBorder#0C1218fe
  • selection.background#16202Afe
  • settings.checkboxBackground#0C1218fe
  • settings.checkboxBorder#0C1218fe
  • settings.checkboxForeground#E9F1FEce
  • settings.dropdownBackground#0C1218fe
  • settings.dropdownBorder#0C1218fe
  • settings.dropdownForeground#E9F1FEce
  • settings.dropdownListBorder#0C1218fe
  • settings.focusedRowBackground#86464689
  • settings.focusedRowBorder#0C1218fe
  • settings.headerBorder#0C1218fe
  • settings.headerForeground#E9F1FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C1218fe
  • settings.numberInputBorder#0C1218fe
  • settings.numberInputForeground#E9F1FEce
  • settings.rowHoverBackground#16202Afe
  • settings.sashBorder#0C1218fe
  • settings.settingsHeaderHoverForeground#DEA770fe
  • settings.textInputBackground#0C1218fe
  • settings.textInputBorder#0C1218fe
  • settings.textInputForeground#E9F1FEce
  • sideBar.background#16202Afe
  • sideBar.border#0C1218fe
  • sideBar.dropBackground#16202Afe
  • sideBar.foreground#EBF4FEae
  • sideBarSectionHeader.background#0E0B1500
  • sideBarSectionHeader.border#0C1218fe
  • sideBarSectionHeader.foreground#E9F1FEce
  • sideBarTitle.foreground#E9F1FEce
  • sideBySideEditor.horizontalBorder#0C1218fe
  • sideBySideEditor.verticalBorder#0C1218fe
  • simpleFindWidget.sashBorder#0C1218fe
  • statusBar.background#0E151Cfe
  • statusBar.border#0C1218fe
  • statusBar.debuggingBackground#670067bc
  • statusBar.debuggingBorder#0C1218fe
  • statusBar.debuggingForeground#E9F1FEce
  • statusBar.focusBorder#0B151100
  • statusBar.foreground#ECF5FE6e
  • statusBar.noFolderBackground#0E151Cfe
  • statusBar.noFolderBorder#0C1218fe
  • statusBar.noFolderForeground#E9F1FEce
  • statusBarItem.activeBackground#0E151Cfe
  • statusBarItem.compactHoverBackground#0E151Cfe
  • statusBarItem.errorBackground#6700679d
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#67006799
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#15130B00
  • statusBarItem.hoverBackground#0E151Cfe
  • statusBarItem.hoverForeground#DAA36Bfe
  • statusBarItem.offlineBackground#0E151Cfe
  • statusBarItem.offlineForeground#E9F1FEce
  • statusBarItem.offlineHoverBackground#0E151Cfe
  • statusBarItem.offlineHoverForeground#C48A50fe
  • statusBarItem.prominentBackground#0E151Cfe
  • statusBarItem.prominentForeground#E9F1FEce
  • statusBarItem.prominentHoverBackground#0E151Cfe
  • statusBarItem.prominentHoverForeground#DEA770fe
  • statusBarItem.remoteBackground#C0864Cfe
  • statusBarItem.remoteForeground#0E151Cfe
  • statusBarItem.remoteHoverBackground#0E151Cfe
  • statusBarItem.remoteHoverForeground#DEA770fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#C8BDDCfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#E8D3E3fe
  • symbolIcon.colorForeground#FEF1F1fe
  • symbolIcon.constantForeground#EBD9D9fe
  • symbolIcon.constructorForeground#E1EDDEfe
  • symbolIcon.enumeratorForeground#EDF5FEfe
  • symbolIcon.enumeratorMemberForeground#CDC3DFfe
  • symbolIcon.eventForeground#C8E2D8fe
  • symbolIcon.fieldForeground#C8E2D8fe
  • symbolIcon.fileForeground#BFDAB8fe
  • symbolIcon.folderForeground#DCBDD5fe
  • symbolIcon.functionForeground#E2DEC8fe
  • symbolIcon.interfaceForeground#FEF0FAfe
  • symbolIcon.keyForeground#B3D7C8fe
  • symbolIcon.keywordForeground#DFC3D8fe
  • symbolIcon.methodForeground#DFC3D8fe
  • symbolIcon.moduleForeground#E3DEEDfe
  • symbolIcon.namespaceForeground#B5D4ADfe
  • symbolIcon.nullForeground#C3DFD4fe
  • symbolIcon.numberForeground#FEF0FAfe
  • symbolIcon.objectForeground#ADD4C4fe
  • symbolIcon.operatorForeground#BDDCD0fe
  • symbolIcon.packageForeground#F7F2FEfe
  • symbolIcon.propertyForeground#E5E1CEfe
  • symbolIcon.referenceForeground#C8D5E2fe
  • symbolIcon.snippetForeground#F6F2FEfe
  • symbolIcon.stringForeground#FEF0FAfe
  • symbolIcon.structForeground#D4CEADfe
  • symbolIcon.textForeground#FEF0FBfe
  • symbolIcon.typeParameterForeground#EDF5FEfe
  • symbolIcon.unitForeground#D4CEADfe
  • symbolIcon.variableForeground#C8BDDCfe
  • tab.activeBackground#10171Ffe
  • tab.activeBorder#0E0B1500
  • tab.activeBorderTop#FB9E45fe
  • tab.activeForeground#FB9D43fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0D150B00
  • tab.hoverBackground#ECF5FEfe
  • tab.hoverBorder#0C1218fe
  • tab.hoverForeground#CC9258fe
  • tab.inactiveBackground#09192B96
  • tab.inactiveForeground#98B0C965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0C1218fe
  • tab.unfocusedActiveBackground#1B283428
  • tab.unfocusedActiveBorder#0E0B1500
  • tab.unfocusedActiveBorderTop#162B3F65
  • tab.unfocusedActiveForeground#98B0C965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#ECF5FEfe
  • tab.unfocusedHoverBorder#18242F39
  • tab.unfocusedHoverForeground#8DA8C365
  • tab.unfocusedInactiveBackground#293C4F9b
  • tab.unfocusedInactiveForeground#92ACC665
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • 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#6700679a
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16202Afe
  • terminal.border#0C1218fe
  • terminal.dropBackground#16202Afe
  • terminal.findMatchBackground#16202Afe
  • terminal.findMatchBorder#0C1218fe
  • terminal.findMatchHighlightBackground#16202Afe
  • terminal.findMatchHighlightBorder#0C1218fe
  • terminal.foreground#EBF4FEae
  • terminal.hoverHighlightBackground#16202Afe
  • terminal.inactiveSelectionBackground#1E2C3A95
  • terminal.selectionBackground#A33A3A88
  • terminal.selectionForeground#D2E5CEca
  • terminal.tab.activeBorder#FAA046fe
  • terminalCommandDecoration.defaultBackground#DDFDD6a8
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16202Afe
  • terminalCursor.foreground#CC9258fe
  • terminalOverviewRuler.cursorForeground#E9F1FEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b0
  • testing.iconUnset#808080c3
  • testing.message.error.decorationForeground#FEF2E7fe
  • testing.message.error.lineBackground#670067c2
  • testing.message.info.decorationForeground#FEF2E6fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0C1218fe
  • testing.peekHeaderBackground#16202Afe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16202Afe
  • textBlockQuote.border#0C1218fe
  • textCodeBlock.background#16202Afe
  • textLink.activeForeground#CC9258fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E9F1FEce
  • textSeparator.foreground#E9F1FEce
  • titleBar.activeBackground#0E151Cfe
  • titleBar.activeForeground#7CB7F3ae
  • titleBar.border#150B0B00
  • titleBar.inactiveBackground#18242Fda
  • titleBar.inactiveForeground#9DB4CB65
  • toolbar.activeBackground#4F0E3F81
  • toolbar.hoverBackground#16202Afe
  • toolbar.hoverOutline#0B151100
  • tree.inactiveIndentGuidesStroke#A2CEBD35
  • tree.indentGuidesStroke#FEF2E5fe
  • tree.tableColumnsBorder#0C1218fe
  • tree.tableOddRowsBackground#16202Afe
  • walkThrough.embeddedEditorBackground#16202Afe
  • walkthrough.stepTitle.foreground#E9F1FEce
  • welcomePage.background#16202Afe
  • welcomePage.progress.background#16202Afe
  • welcomePage.progress.foreground#E9F1FEce
  • welcomePage.tileBackground#16202Afe
  • welcomePage.tileBorder#0C1218fe
  • welcomePage.tileHoverBackground#16202Afe
  • widget.border#0C1218fe
  • widget.shadow#0B151100
  • window.activeBorder#0C1218fe
  • window.inactiveBorder#071B2F95

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#6DAEEF6e
comment.block.html#7BB7F36e
comment.block.java#81C0F66e
comment.block.javadoc.java#73B2F16e
comment.block.powershell#9BCEFA6e
comment.block.xml#94C6F76e
comment.line.double-slash.c#86BEF56e
comment.line.double-slash.cpp#9BCEFA6e
comment.line.double-slash.java#7ABBF46e
comment.line.double-slash.js#76B9F46e
comment.line.number-sign.makefile#77B4F26e
comment.line.number-sign.python#94C6F76e
comment.line.number-sign.yaml#7ABBF46e
comment.line.percentage.erlang#76B9F46e
comment.line.powershell#8FC8F86e
comment.source.cmake#99C8F86e
comment.source.cmakecache#6FB0F06e
constant.character#CDA6F4de
constant.character.character-class.regexp#C59AF0de
constant.character.escape#6AC70Ede
constant.character.set.regexp#99CDFEde
constant.language#0DDA74de
constant.numeric#77E10Cde
constant.numeric.dec.python#96D15Cde
constant.other.caps.python#6BC90Bde
constant.other.character-class.regexp#FCAE60de
constant.other.character-class.set.regexp#9FC8F2de
constant.other.color.rgb-value#E9B887de
constant.other.placeholder#0BD46Fde
constant.other.rgb-value#F4A5CDde
constant.regexp#F6ADD2de
constant.sha.git-rebase#E989E9de
emphasis#C69BF1de
entity.name.class#EE92C0de
entity.name.function#F099F0de
entity.name.function.preprocessor#CFAAF5de
entity.name.function.python#58CC92de
entity.name.label#F097C4de
entity.name.namespace#EB8EEBde
entity.name.operator#75DC0Dde
entity.name.operator.custom-literal#0DC76Bde
entity.name.scope-resolution#54C88Ede
entity.name.tag#6AC40Ede
entity.name.tag.css#EF98EFde
entity.name.type#6BC90Ede
entity.name.variable#70DEA7de
entity.other.attribute#FCAD60de
entity.other.attribute-name#82BB48de
entity.other.attribute-name.class.css#87B9E9de
entity.other.attribute-name.class.mixin.css#D8B7F8de
entity.other.attribute-name.id#EE92C0de
entity.other.attribute-name.id.css#EB8CBCde
entity.other.attribute-name.parent-selector.css#E2AC76de
entity.other.attribute-name.pseudo-class.css#52C78Dde
entity.other.attribute-name.pseudo-element.css#A1D969de
entity.other.attribute-name.scss#49BF85de
entity.other.document.begin.yaml#8FC8F86e
entity.other.inherited-class#73DC0Bde
header#75DC0Dde
invalid#F6AED2de
keyword#DAA36Bde
keyword.codetag.notation.python#91BFEDde
keyword.control#EF97EFde
keyword.control.anchor.regexp#6BDAA3de
keyword.control.import.python#CEA8F5de
keyword.operator#0DC86Bde
keyword.operator.alignas#4CC086de
keyword.operator.alignof#F5ACD1de
keyword.operator.cast#F8B6D7de
keyword.operator.delete#D3B0F7de
keyword.operator.documentation.powershell#9BCEFA6e
keyword.operator.expression#F8B5D6de
keyword.operator.instanceof#7AAEE3de
keyword.operator.logical.python#71B8FDde
keyword.operator.minus.exponent#E9B888de
keyword.operator.negation.regexp#8EC854de
keyword.operator.new#C396EFde
keyword.operator.noexcept#F3A5F3de
keyword.operator.or.regexp#62B0FCde
keyword.operator.plus.exponent#89BAEAde
keyword.operator.quantifier.regexp#DDA66Fde
keyword.operator.sizeof#87C24Dde
keyword.operator.typeid#C89EF2de
keyword.operator.wordlike#D1ACF6de
keyword.other.operator#0CC367de
keyword.other.package.java#EE94C1de
keyword.other.unit#ECBE8Ede
keyword.other.using#86C04Cde
markup.bold#EF97C3de
markup.changed#97C3EFde
markup.deleted#CCA5F4de
markup.fenced_code.block.markdown#5DD096de
markup.heading#F99A3Dde
markup.inline.raw#E4AF7Bde
markup.inserted#CDA6F4de
markup.italic#F6AFD3de
markup.raw.block.markdown#A4CBF3de
markup.strikethrough#EB8DBDde
markup.underline#F29FC8de
meta.block.c#6DCD0Bde
meta.block.c#9CC7F1de
meta.class.java#9BD461de
meta.definition.variable.name#EE93EEde
meta.diff.header#FDB56Ede
meta.embedded#EE95EEde
meta.embedded.assembly#ECBC8Cde
meta.function-call.arguments.python#F4A5CDde
meta.function-call.python#C49AF0de
meta.member.access.python#F19CC7de
meta.method.java#52C78Dde
meta.object-literal.key#EB8CBCde
meta.paragraph.markdown#ED8FBFde
meta.preprocessor#EF98EFde
meta.preprocessor.numeric#E3AE7Ade
meta.preprocessor.string#DEA770de
meta.scope.prerequisites.makefile#4CC086de
meta.structure.dictionary.json.comments#77B4F26e
meta.structure.dictionary.key.python#F098C4de
meta.structure.dictionary.value.json.comments#7BB7F36e
meta.template.expression#F5AAD0de
meta.type.cast.expr#D9B9F9de
meta.type.new.expr#67BF0Dde
parameter#EB8DEBde
punctuation.character.set.begin.regexp#EB8DEBde
punctuation.character.set.end.regexp#89BAEAde
punctuation.definition.array.begin.json#E1AC76de
punctuation.definition.character-class.regexp#D0AAF5de
punctuation.definition.comment#94C6F76e
punctuation.definition.comment.json.comments#6DAEEF6e
punctuation.definition.comment.python#99C8F86e
punctuation.definition.dictionary.begin.json#4CC086de
punctuation.definition.dictionary.end.json#6CDBA3de
punctuation.definition.group.assertion.regexp#0CE377de
punctuation.definition.group.regexp#0BD06Dde
punctuation.definition.list.begin.json#D0ABF5de
punctuation.definition.list.begin.markdown#EE96C3de
punctuation.definition.list.begin.python#91BFEDde
punctuation.definition.list.end.json#EB8DEBde
punctuation.definition.list.end.markdown#DBBDF9de
punctuation.definition.list.end.python#CCA5F4de
punctuation.definition.parameters.begin.python#EE92C0de
punctuation.definition.parameters.end.bracket.round.java#EE95EEde
punctuation.definition.quote.begin.markdown#F19FF1de
punctuation.definition.tag#71DEA8de
punctuation.definition.template-expression.begin#EF97EFde
punctuation.definition.template-expression.end#9EC8F2de
punctuation.section.class.begin.bracket.curly.java#EBBB8Bde
punctuation.section.embedded#A6CDF4de
punctuation.section.embedded.begin.php#F09BC6de
punctuation.section.embedded.end.php#0DDD74de
punctuation.terminator.java#F7B2D4de
source.cmake#89C34Dde
source.coffee.embedded#FCAE60de
source.cpp#F5ACD1de
source.css.less#CAA1F2de
source.groovy.embedded#54C88Ede
source.java#6BC90Bde
source.java-properties#75BAFDde
source.json.comments#8BC5F76e
source.makefile#68C10Ede
source.powershell#EBBB8Bde
source.powershell.variable.other.member#F4A8F4de
source.python#5BCF95de
storage#54C88Ede
storage.modifier#94C1EFde
storage.modifier.import.java#8FBFEDde
storage.modifier.package.java#E987E9de
storage.type#EC8EBDde
storage.type.annotation.groovy#E1AC76de
storage.type.annotation.java#97C3EFde
storage.type.boolean.go#A1D968de
storage.type.byte.go#F4A6F4de
storage.type.cs#EA8BEAde
storage.type.error.go#C498F0de
storage.type.generic.cs#95CAFEde
storage.type.generic.groovy#7CB0E4de
storage.type.generic.java#8EBDECde
storage.type.groovy#96CF5Bde
storage.type.java#E9B786de
storage.type.modifier.cs#E3AF7Ade
storage.type.numeric.go#C498F0de
storage.type.object.array.groovy#A5CCF4de
storage.type.object.array.java#F7B2F7de
storage.type.parameters.groovy#E9B886de
storage.type.primitive.array.groovy#EEC092de
storage.type.primitive.array.java#E989E9de
storage.type.primitive.groovy#EB8CBCde
storage.type.primitive.java#C89FF2de
storage.type.rune.go#F099F0de
storage.type.string.go#CFA8F5de
storage.type.token.java#F4A8CEde
storage.type.uintptr.go#9FD766de
storage.type.variable.cs#0DE379de
string#70DEA7de
string.quoted.docstring.multi.python#9BCAF96e
string.regexp#F8B6D7de
string.tag#C9A1F3de
string.value#EE93C1de
strong#99CDFEde
support.class#EE92C0de
support.constant.color#0DC86Bde
support.constant.dom#0BDF75de
support.constant.font-name#EC90ECde
support.constant.handlebars#EF97EFde
support.constant.json#0ED06Ede
support.constant.math#0BDA74de
support.constant.media#EE91C0de
support.constant.media-type#CEA6F4de
support.constant.property-value#F19DC7de
support.function#DEA770de
support.function.git-rebase#6BDAA3de
support.other.parenthesis.regexp#FBA752de
support.type#F6AED2de
support.type.property-name#70DEA7de
support.type.vendored.property-name#9BD461de
support.variable#D7B5F8de
token.debug-token#92C0EEde
token.error-token#93C1EEde
token.info-token#C499F0de
token.warn-token#EEC092de
variable#50C48Ade
variable.css#E6B381de
variable.language#8AC450de
variable.language.wildcard.java#8EC854de
variable.other.constant#50C48Ade
variable.other.definition.java#87C14Cde
variable.other.enummember#53C88Ede
variable.other.less#EF97C3de
variable.other.object.java#C89FF2de
variable.other.object.property.java#0CD26Fde
variable.parameter.c#F4A7F4de
variable.parameter.function.language.python#EC8DBCde
variable.parameter.java#CCA5F4de
variable.scss#F7B3D5de