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#161616fe
  • activityBar.activeBackground#161616fe
  • activityBar.activeBorder#BF0881fe
  • activityBar.activeFocusBorder#30703000
  • activityBar.background#0E0E0Efe
  • activityBar.border#395CC800
  • activityBar.dropBorder#BC0A81fe
  • activityBar.foreground#BC0A81fe
  • activityBar.inactiveForeground#A8A8A865
  • activityBarBadge.background#B83E8Ffe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#C44399fe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#B8B8B8ce
  • banner.iconForeground#C8CCBAfe
  • breadcrumb.activeSelectionForeground#E3E5DCca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#B83E8Ffe
  • breadcrumb.foreground#B7B7B7ae
  • breadcrumbPicker.background#161616fe
  • button.background#454545ae
  • button.border#0E0C0A00
  • button.foreground#B8B8B8ce
  • button.hoverBackground#3434346e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#B8B8B8ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0A0B0E00
  • charts.blue#1b1bfffe
  • charts.foreground#B8B8B8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ad
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C0Cfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#B8B8B8ce
  • checkbox.background#0C0C0Cfe
  • checkbox.border#0C0C0Cfe
  • checkbox.foreground#B8B8B8ce
  • checkbox.selectBackground#0C0C0Cfe
  • checkbox.selectBorder#0C0C0Cfe
  • commandCenter.activeBackground#4225138b
  • commandCenter.activeBorder#0C0C0Cfe
  • commandCenter.activeForeground#C8479Dfe
  • commandCenter.background#161616fe
  • commandCenter.border#0C0C0Cfe
  • commandCenter.foreground#B8B8B8ce
  • commandCenter.inactiveBorder#2D2D2D97
  • commandCenter.inactiveForeground#63636365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0B0E00
  • contrastBorder#0D0A0E00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B8B8B8ce
  • debugConsole.sourceForeground#B8B8B8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D7DBCEfe
  • debugExceptionWidget.background#5500559b
  • debugExceptionWidget.border#0C0C0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#DBD2CEfe
  • debugIcon.breakpointDisabledForeground#B7B7B765
  • debugIcon.breakpointForeground#DCDDE5fe
  • debugIcon.breakpointStackframeForeground#C4B5C9fe
  • debugIcon.breakpointUnverifiedForeground#E3E5DCfe
  • debugIcon.continueForeground#CBCBCBfe
  • debugIcon.disconnectForeground#D7C9D0fe
  • debugIcon.pauseForeground#DCE5DCfe
  • debugIcon.restartForeground#D3C4CCfe
  • debugIcon.startForeground#C9B5BFfe
  • debugIcon.stepBackForeground#C2C2C2fe
  • debugIcon.stepIntoForeground#D7D9E2fe
  • debugIcon.stepOutForeground#D3D7C9fe
  • debugIcon.stepOverForeground#DBDED2fe
  • debugIcon.stopForeground#B0C5B0fe
  • debugTokenExpression.boolean#D3D7C9ca
  • debugTokenExpression.error#DCDDE5ca
  • debugTokenExpression.name#E3E5DCca
  • debugTokenExpression.number#E3DCE5ca
  • debugTokenExpression.value#DCDDE5ca
  • debugToolBar.background#550055a1
  • debugToolBar.border#0C0C0Cfe
  • debugView.exceptionLabelBackground#232A4Dca
  • debugView.exceptionLabelForeground#DED7D2ca
  • debugView.stateLabelBackground#1A301Aca
  • debugView.stateLabelForeground#DCDCDCca
  • debugView.valueChangedHighlight#DCE5DCca
  • descriptionForeground#B8B8B8ce
  • diffEditor.border#0E0A0C00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#00350031
  • diffEditor.insertedTextBackground#0C330Efb
  • diffEditor.insertedTextBorder#0D0E0A00
  • diffEditor.move.border#0D0A0E00
  • diffEditor.moveActive.border#0A0B0E00
  • diffEditor.removedLineBackground#62000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0A0B0E00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#B8B8B8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7B765
  • dropdown.background#0C0C0Cfe
  • dropdown.border#0C0C0Cfe
  • dropdown.foreground#B8B8B8ce
  • dropdown.listBackground#0C0C0Cfe
  • editor.background#161616fe
  • editor.findMatchBackground#56425Da8
  • editor.findMatchBorder#0C0C0Cfe
  • editor.findMatchHighlightBackground#57445Dab
  • editor.findMatchHighlightBorder#0C0C0Cfe
  • editor.findRangeHighlightBackground#5D3F67aa
  • editor.findRangeHighlightBorder#0C0C0Cfe
  • editor.focusedStackFrameHighlightBackground#4F6C4F8d
  • editor.foldBackground#DFA3F3a8
  • editor.foreground#B8B8B8ce
  • editor.hoverHighlightBackground#365036a9
  • editor.inactiveSelectionBackground#49494999
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#B8B8B8ce
  • editor.lineHighlightBackground#383838b4
  • editor.lineHighlightBorder#0A0A0A00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#445D44a7
  • editor.rangeHighlightBorder#0C0C0Cfe
  • editor.selectionBackground#44485Fa7
  • editor.selectionForeground#DBDED2ca
  • editor.selectionHighlightBackground#58453A81
  • editor.selectionHighlightBorder#0C0C0Cfe
  • editor.snippetFinalTabstopHighlightBackground#575D44a7
  • editor.snippetFinalTabstopHighlightBorder#0C0C0Cfe
  • editor.snippetTabstopHighlightBackground#4B674Ba2
  • editor.snippetTabstopHighlightBorder#0C0C0Cfe
  • editor.stackFrameHighlightBackground#5C4064ad
  • editor.symbolHighlightBackground#67564Baa
  • editor.symbolHighlightBorder#0C0C0Cfe
  • editor.wordHighlightBackground#424766a8
  • editor.wordHighlightBorder#0D0A0E00
  • editor.wordHighlightStrongBackground#654F6Ca4
  • editor.wordHighlightStrongBorder#0E0C0A00
  • editor.wordHighlightTextBackground#6C4F5Da4
  • editor.wordHighlightTextBorder#0A0E0A00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#B8B8B8ce
  • editorBracketMatch.background#6CCC6Caa
  • editorBracketMatch.border#0C0C0Cfe
  • editorBracketPairGuide.activeBackground1#DDA3F08d
  • editorBracketPairGuide.activeBackground2#AAB6F585
  • editorBracketPairGuide.activeBackground3#DEA3F186
  • editorBracketPairGuide.activeBackground4#5DCE5D81
  • editorBracketPairGuide.activeBackground5#E7AA8788
  • editorBracketPairGuide.activeBackground6#DFA1F185
  • editorBracketPairGuide.background1#452135fe
  • editorBracketPairGuide.background2#37291Dfe
  • editorBracketPairGuide.background3#232A4Dfe
  • editorBracketPairGuide.background4#2A2F19fe
  • editorBracketPairGuide.background5#272D18fe
  • editorBracketPairGuide.background6#1A301Afe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0C0C0Cfe
  • editorCommentsWidget.unresolvedBorder#610000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#B83E8Ffe
  • editorError.background#0A0B0E00
  • editorError.border#0A0E0A00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0D0A0E00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0C0C0Cfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0C0C0Cfe
  • editorGroup.dropIntoPromptForeground#B8B8B8ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0C0C0Cfe
  • editorGroupHeader.border#0D0A0E00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#1A1A1Aa1
  • editorGroupHeader.tabsBorder#0A0B0E00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#B8B8B8ce
  • editorGutter.commentRangeForeground#B8B8B8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B8B8B8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0C00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C0Cfe
  • editorHoverWidget.border#0C0C0Cfe
  • editorHoverWidget.foreground#B8B8B8ce
  • editorHoverWidget.highlightForeground#CECFDBca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#B8B8B8fe
  • editorIndentGuide.activeBackground2#B7B7B7fe
  • editorIndentGuide.activeBackground3#B8B8B8fe
  • editorIndentGuide.activeBackground4#B7B7B7fe
  • editorIndentGuide.activeBackground5#B8B8B8fe
  • editorIndentGuide.activeBackground6#B7B7B7fe
  • editorIndentGuide.background1#89A88935
  • editorIndentGuide.background2#B3A29835
  • editorIndentGuide.background3#BAABA235
  • editorIndentGuide.background4#93B09335
  • editorIndentGuide.background5#A4AC8E35
  • editorIndentGuide.background6#B4BAA235
  • editorInfo.background#0E0A0C00
  • editorInfo.border#0A0E0A00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#B8B8B8ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#B8B8B8ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#B8B8B8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#C8479Dfe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#B83E8Ffe
  • editorMarkerNavigation.background#0C0C0Cfe
  • editorMarkerNavigationError.background#550055be
  • editorMarkerNavigationError.headerBackground#550055ac
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#342B00fe
  • editorMarkerNavigationWarning.headerBackground#342B00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2B2B2Bfe
  • editorOverviewRuler.bracketMatchForeground#B8B8B8ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B8B8B8ce
  • editorOverviewRuler.currentContentForeground#cecececb
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D2D4DEca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DCDCDCca
  • editorOverviewRuler.wordHighlightStrongForeground#B8B8B8ce
  • editorOverviewRuler.wordHighlightTextForeground#B8B8B8ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B8B8B83c
  • editorStickyScroll.background#161616fe
  • editorStickyScroll.shadow#0A0E0A00
  • editorStickyScrollHover.background#2B2B2B6e
  • editorSuggestWidget.background#0C0C0Cfe
  • editorSuggestWidget.border#0A0E0A00
  • editorSuggestWidget.focusHighlightForeground#3A58DAfe
  • editorSuggestWidget.foreground#D3D7C9fe
  • editorSuggestWidget.highlightForeground#D8D8D8ca
  • editorSuggestWidget.selectedBackground#5C406482
  • editorSuggestWidget.selectedForeground#E2D7DDca
  • editorSuggestWidget.selectedIconForeground#C9CAD7ca
  • editorSuggestWidgetStatus.foreground#E5E5E5fe
  • editorUnicodeHighlight.background#444863ac
  • editorUnicodeHighlight.border#0C0C0Cfe
  • editorUnnecessaryCode.border#332A00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0E0A00
  • editorWarning.border#0A0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B8B8B8ce
  • editorWidget.background#0C0C0Cfe
  • editorWidget.border#0C0C0Cfe
  • editorWidget.foreground#B8B8B8ce
  • editorWidget.resizeBorder#0C0C0Cfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#DA60B1fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#B8B8B8ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#B8B8B8ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0D0A0E00
  • extensionIcon.preReleaseForeground#D7D9E2fe
  • extensionIcon.sponsorForeground#C2C2C2fe
  • extensionIcon.starForeground#E3E5DCfe
  • extensionIcon.verifiedForeground#BFD0BFfe
  • focusBorder#0D0E0A00
  • foreground#B8B8B8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B8B8B8ae
  • inlineChat.background#462133ca
  • inlineChat.border#3C2148ca
  • inlineChat.regionHighlight#D8D8D8ca
  • inlineChat.shadow#D7CEDBca
  • inlineChatDiff.inserted#C9D7C9ca
  • inlineChatDiff.removed#D7C9D0ca
  • inlineChatInput.background#D8D8D8ca
  • inlineChatInput.border#272D18ca
  • inlineChatInput.focusBorder#0D0E0A00
  • inlineChatInput.placeholderForeground#DBDED2ca
  • input.background#0C0C0Cfe
  • input.border#0C0C0Cfe
  • input.foreground#B8B8B8ce
  • input.placeholderForeground#B7B7B765
  • inputOption.activeBackground#0C0C0Cfe
  • inputOption.activeBorder#0C0C0Cfe
  • inputOption.activeForeground#DD66B5fe
  • inputOption.hoverBackground#0C0C0Cfe
  • inputValidation.errorBackground#670067b5
  • inputValidation.errorBorder#550055a1
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C0Cfe
  • inputValidation.infoForeground#B8B8B8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C0Cfe
  • interactive.inactiveCodeBorder#2D2D2D91
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0C0C0Cfe
  • keybindingLabel.bottomBorder#0C0C0Cfe
  • keybindingLabel.foreground#B8B8B8ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#4E533D8d
  • list.activeSelectionForeground#CEDBCEca
  • list.activeSelectionIconForeground#D3C9D7ca
  • list.deemphasizedForeground#B8B8B8ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0C0C0Cfe
  • list.focusAndSelectionOutline#0A0A0A00
  • list.focusBackground#4A4A4A97
  • list.focusForeground#D356A9fe
  • list.focusHighlightForeground#B42B74fe
  • list.focusOutline#0A0A0A00
  • list.highlightForeground#D7CEDBca
  • list.hoverBackground#2B2B2B6e
  • list.hoverForeground#C03F95fe
  • list.inactiveFocusBackground#2727279b
  • list.inactiveFocusOutline#0A0A0A00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B9B9B965
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#B8B8B8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0D0E0A00
  • listFilterWidget.outline#0E0A0C00
  • listFilterWidget.shadow#0E0A0C00
  • menu.background#0E0E0Efe
  • menu.border#0A0B0E00
  • menu.foreground#B8B8B8ae
  • menu.selectionBackground#44485Fa4
  • menu.selectionBorder#0E0C0A00
  • menu.selectionForeground#C03F95fe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#646989ad
  • menubar.selectionBorder#0A0E0A00
  • menubar.selectionForeground#D65BADfe
  • merge.border#0C0C0Cfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00350031
  • merge.currentHeaderBackground#0C330Efb
  • merge.incomingContentBackground#103412cb
  • merge.incomingHeaderBackground#0C330Efb
  • mergeEditor.change.background#161616fe
  • mergeEditor.change.word.background#161616fe
  • mergeEditor.changeBase.background#161616fe
  • mergeEditor.changeBase.word.background#161616fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.handledUnfocused.border#2222223d
  • mergeEditor.conflict.input1.background#0C0C0Cfe
  • mergeEditor.conflict.input2.background#0C0C0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a6
  • mergeEditor.conflict.unhandledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#22222223
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#797979fe
  • minimapSlider.background#414141ae
  • minimapSlider.hoverBackground#2727276e
  • notebook.cellBorderColor#0C0C0Cfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#DED2D8ca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#D7DBCEca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#C44399fe
  • notebook.focusedEditorBorder#0C0C0Cfe
  • notebook.inactiveFocusedCellBorder#7474748e
  • notebook.inactiveSelectedCellBorder#7070708e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0C0C0Cfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0C0C0Cfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#B8B8B8ce
  • notebookScrollbarSlider.activeBackground#797979fe
  • notebookScrollbarSlider.background#454545ae
  • notebookScrollbarSlider.hoverBackground#2B2B2B6e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#CBCBCBfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C0Cfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#B8B8B8ce
  • notificationLink.foreground#B8B8B8ce
  • notifications.background#161616fe
  • notifications.border#0C0C0Cfe
  • notifications.foreground#B8B8B8ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#CAB1BEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C0Cfe
  • panel.background#161616fe
  • panel.border#0C0C0Cfe
  • panel.dropBorder#0C0C0Cfe
  • panelInput.border#0C0C0Cfe
  • panelSection.border#0C0C0Cfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0C0C0Cfe
  • panelSectionHeader.foreground#B8B8B8ce
  • panelTitle.activeBorder#0E0A0C00
  • panelTitle.activeForeground#BD0982fe
  • panelTitle.inactiveForeground#63636365
  • peekView.border#ED89CBfe
  • peekViewEditor.background#0C0C0Cfe
  • peekViewEditor.matchHighlightBackground#5C406484
  • peekViewEditor.matchHighlightBorder#0A0A0A00
  • peekViewEditorGutter.background#0C0C0Cfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#B8B8B8ce
  • peekViewResult.lineForeground#B8B8B8ce
  • peekViewResult.matchHighlightBackground#656C4F81
  • peekViewResult.selectionBackground#604B6782
  • peekViewResult.selectionForeground#DBCED4ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#B8B8B8ce
  • peekViewTitleLabel.foreground#B8B8B8ce
  • pickerGroup.border#0C0C0Cfe
  • pickerGroup.foreground#B8B8B8ce
  • ports.iconRunningProcessForeground#E3E5DCfe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#C03F95fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#B8B8B8ae
  • quickInputList.focusBackground#394E39a5
  • quickInputList.focusForeground#CC4CA1fe
  • quickInputList.focusIconForeground#C44399fe
  • quickInputTitle.background#0C0C0Cfe
  • sash.hoverBorder#0C0C0Cfe
  • scrollbar.shadow#0E0A0C00
  • scrollbarSlider.activeBackground#676767fe
  • scrollbarSlider.background#3C3C3Cae
  • scrollbarSlider.hoverBackground#2727276e
  • search.resultsInfoForeground#B8B8B8ce
  • searchEditor.findMatchBackground#636363ad
  • searchEditor.findMatchBorder#0C0C0Cfe
  • searchEditor.textInputBorder#0C0C0Cfe
  • selection.background#161616fe
  • settings.checkboxBackground#0C0C0Cfe
  • settings.checkboxBorder#0C0C0Cfe
  • settings.checkboxForeground#B8B8B8ce
  • settings.dropdownBackground#0C0C0Cfe
  • settings.dropdownBorder#0C0C0Cfe
  • settings.dropdownForeground#B8B8B8ce
  • settings.dropdownListBorder#0C0C0Cfe
  • settings.focusedRowBackground#384F3889
  • settings.focusedRowBorder#0C0C0Cfe
  • settings.headerBorder#0C0C0Cfe
  • settings.headerForeground#B8B8B8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C0Cfe
  • settings.numberInputBorder#0C0C0Cfe
  • settings.numberInputForeground#B8B8B8ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0C0C0Cfe
  • settings.settingsHeaderHoverForeground#DD66B5fe
  • settings.textInputBackground#0C0C0Cfe
  • settings.textInputBorder#0C0C0Cfe
  • settings.textInputForeground#B8B8B8ce
  • sideBar.background#161616fe
  • sideBar.border#0C0C0Cfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#0D0A0E00
  • sideBarSectionHeader.border#0C0C0Cfe
  • sideBarSectionHeader.foreground#B8B8B8ce
  • sideBarTitle.foreground#B8B8B8ce
  • sideBySideEditor.horizontalBorder#0C0C0Cfe
  • sideBySideEditor.verticalBorder#0C0C0Cfe
  • simpleFindWidget.sashBorder#0C0C0Cfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0C0C0Cfe
  • statusBar.debuggingBackground#550055b8
  • statusBar.debuggingBorder#0C0C0Cfe
  • statusBar.debuggingForeground#B8B8B8ce
  • statusBar.focusBorder#0E0A0C00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0C0C0Cfe
  • statusBar.noFolderForeground#B8B8B8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055bd
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#550055ab
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0A0A00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#C03F95fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#B8B8B8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#DA60B1fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#B8B8B8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#C03F95fe
  • statusBarItem.remoteBackground#D051A5fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#D051A5fe
  • statusBarItem.warningBackground#342B00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#342B00fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#C4C6D3fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#D0C5BFfe
  • symbolIcon.colorForeground#DCE5DCfe
  • symbolIcon.constantForeground#D0C5BFfe
  • symbolIcon.constructorForeground#DED2D8fe
  • symbolIcon.enumeratorForeground#D3CAC4fe
  • symbolIcon.enumeratorMemberForeground#C4B1CAfe
  • symbolIcon.eventForeground#B5C9B5fe
  • symbolIcon.fieldForeground#C2C2C2fe
  • symbolIcon.fileForeground#E3DCE5fe
  • symbolIcon.folderForeground#D2DED2fe
  • symbolIcon.functionForeground#D7CEC9fe
  • symbolIcon.interfaceForeground#B5B8C9fe
  • symbolIcon.keyForeground#BFD0BFfe
  • symbolIcon.keywordForeground#BFC1D0fe
  • symbolIcon.methodForeground#D3D7C9fe
  • symbolIcon.moduleForeground#D3CAC4fe
  • symbolIcon.namespaceForeground#C8CCBAfe
  • symbolIcon.nullForeground#C6C6C6fe
  • symbolIcon.numberForeground#BEBEBEfe
  • symbolIcon.objectForeground#DBDED2fe
  • symbolIcon.operatorForeground#D7CEDBfe
  • symbolIcon.packageForeground#D3D3D3fe
  • symbolIcon.propertyForeground#DCE5DCfe
  • symbolIcon.referenceForeground#C8CCBAfe
  • symbolIcon.snippetForeground#D3CAC4fe
  • symbolIcon.stringForeground#DED7D2fe
  • symbolIcon.structForeground#B2B6CDfe
  • symbolIcon.textForeground#E5DCE1fe
  • symbolIcon.typeParameterForeground#E3DCE5fe
  • symbolIcon.unitForeground#DCDCDCfe
  • symbolIcon.variableForeground#C9B5BFfe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0D0E0A00
  • tab.activeBorderTop#BE0780fe
  • tab.activeForeground#BC0A81fe
  • tab.activeModifiedBorder#332A00ce
  • tab.border#0D0A0E00
  • tab.hoverBackground#B7B7B76e
  • tab.hoverBorder#0C0C0Cfe
  • tab.hoverForeground#D65BADfe
  • tab.inactiveBackground#2B2B2B98
  • tab.inactiveForeground#63636365
  • tab.inactiveModifiedBorder#332A00ce
  • tab.lastPinnedBorder#0C0C0Cfe
  • tab.unfocusedActiveBackground#1E1E1E39
  • tab.unfocusedActiveBorder#0D0A0E00
  • tab.unfocusedActiveBorderTop#2C2C2C65
  • tab.unfocusedActiveForeground#A8A8A865
  • tab.unfocusedActiveModifiedBorder#332A00ce
  • tab.unfocusedHoverBackground#B8B8B86e
  • tab.unfocusedHoverBorder#1E1E1E2e
  • tab.unfocusedHoverForeground#A8A8A865
  • tab.unfocusedInactiveBackground#38383891
  • tab.unfocusedInactiveForeground#A8A8A865
  • tab.unfocusedInactiveModifiedBorder#332A00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a4
  • 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#670067ca
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9f
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0C0C0Cfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0C0C0Cfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0C0C0Cfe
  • terminal.foreground#B8B8B8ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#34343499
  • terminal.selectionBackground#5C406487
  • terminal.selectionForeground#D2DED2ca
  • terminal.tab.activeBorder#BE0782fe
  • terminalCommandDecoration.defaultBackground#B8B8B8a6
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#DA60B1fe
  • terminalOverviewRuler.cursorForeground#B8B8B8ce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080ab
  • testing.message.error.decorationForeground#F39CD6fe
  • testing.message.error.lineBackground#550055bb
  • testing.message.info.decorationForeground#F39BD5fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0C0C0Cfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0C0C0Cfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#D65BADfe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B8B8B8ce
  • textSeparator.foreground#B8B8B8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#646464ae
  • titleBar.border#0D0E0A00
  • titleBar.inactiveBackground#1E1E1Edc
  • titleBar.inactiveForeground#63636365
  • toolbar.activeBackground#4A210A8c
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0A0E0A00
  • tree.inactiveIndentGuidesStroke#8E92AC35
  • tree.indentGuidesStroke#F39CD6fe
  • tree.tableColumnsBorder#0C0C0Cfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#B8B8B8ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#B8B8B8ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0C0C0Cfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0C0C0Cfe
  • widget.shadow#0D0A0E00
  • window.activeBorder#0C0C0Cfe
  • window.inactiveBorder#2D2D2D9d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A2A2A26e
comment.block.html#A1A1A16e
comment.block.java#A2A2A26e
comment.block.javadoc.java#A3A3A36e
comment.block.powershell#A2A2A26e
comment.block.xml#A2A2A26e
comment.line.double-slash.c#A2A2A26e
comment.line.double-slash.cpp#A2A2A26e
comment.line.double-slash.java#A3A3A36e
comment.line.double-slash.js#A3A3A36e
comment.line.number-sign.makefile#A2A2A26e
comment.line.number-sign.python#A2A2A26e
comment.line.number-sign.yaml#A2A2A26e
comment.line.percentage.erlang#A1A1A16e
comment.line.powershell#A2A2A26e
comment.source.cmake#A2A2A26e
comment.source.cmakecache#A2A2A26e
constant.character#3DB93Dde
constant.character.character-class.regexp#BD8DEEde
constant.character.escape#3EB4A1de
constant.character.set.regexp#0CCCACde
constant.language#0BDF0Bde
constant.numeric#BD8CEEde
constant.numeric.dec.python#0BD90Bde
constant.other.caps.python#F4B0A3de
constant.other.character-class.regexp#3FC0AAde
constant.other.character-class.set.regexp#0BDD0Bde
constant.other.color.rgb-value#0BDD0Bde
constant.other.placeholder#3DBB3Dde
constant.other.rgb-value#BD8CEEde
constant.regexp#0CCCACde
constant.sha.git-rebase#89AAEDde
emphasis#A8A80Dde
entity.name.class#A8A83Ede
entity.name.function#BD8CEEde
entity.name.function.preprocessor#0BD60Bde
entity.name.function.python#E58976de
entity.name.label#7DA1E8de
entity.name.namespace#A8A80Ade
entity.name.operator#0BD60Bde
entity.name.operator.custom-literal#7DA1E8de
entity.name.scope-resolution#E97EC5de
entity.name.tag#F4B0A3de
entity.name.tag.css#BD8CEEde
entity.name.type#E87DC4de
entity.name.variable#A6A63Dde
entity.other.attribute#BF8FEFde
entity.other.attribute-name#E87DC5de
entity.other.attribute-name.class.css#E97EC5de
entity.other.attribute-name.class.mixin.css#E87DC4de
entity.other.attribute-name.id#3EB8A4de
entity.other.attribute-name.id.css#BD8CEEde
entity.other.attribute-name.parent-selector.css#E68A77de
entity.other.attribute-name.pseudo-class.css#E97EC5de
entity.other.attribute-name.pseudo-element.css#EA82C8de
entity.other.attribute-name.scss#7EA1E9de
entity.other.document.begin.yaml#A2A2A26e
entity.other.inherited-class#7EA1E8de
header#7EA2E9de
invalid#0BD5B5de
keyword#E58977de
keyword.codetag.notation.python#BD8CEEde
keyword.control#BD8CEDde
keyword.control.anchor.regexp#E97EC5de
keyword.control.import.python#0BD90Bde
keyword.operator#E97EC5de
keyword.operator.alignas#0BBE0Bde
keyword.operator.alignof#BE8DEFde
keyword.operator.cast#BD8CEEde
keyword.operator.delete#7EA2E9de
keyword.operator.documentation.powershell#A2A2A26e
keyword.operator.expression#7EA2E9de
keyword.operator.instanceof#F4B0A3de
keyword.operator.logical.python#E58976de
keyword.operator.minus.exponent#BE8DEEde
keyword.operator.negation.regexp#95B4F1de
keyword.operator.new#E58976de
keyword.operator.noexcept#0BDD0Bde
keyword.operator.or.regexp#F4B0A3de
keyword.operator.plus.exponent#BD8CEDde
keyword.operator.quantifier.regexp#3EB5A1de
keyword.operator.sizeof#A7A70Cde
keyword.operator.typeid#F39CD6de
keyword.operator.wordlike#42C542de
keyword.other.operator#0BD30Bde
keyword.other.package.java#7DA1E8de
keyword.other.unit#E68977de
keyword.other.using#E68A77de
markup.bold#F3AA9Cde
markup.changed#5BD75Bde
markup.deleted#E87DC4de
markup.fenced_code.block.markdown#AAAA0Dde
markup.heading#7DA1E8de
markup.inline.raw#E97EC5de
markup.inserted#7FA1E9de
markup.italic#0BDD0Bde
markup.raw.block.markdown#E97EC5de
markup.strikethrough#EF9F8Fde
markup.underline#E68977de
meta.block.c#7DA1E8de
meta.block.c#E97EC5de
meta.class.java#F4A3D9de
meta.definition.variable.name#3FC0AAde
meta.diff.header#82A5EAde
meta.embedded#E68977de
meta.embedded.assembly#A7A70Ede
meta.function-call.arguments.python#0BDE0Bde
meta.function-call.python#E87DC4de
meta.member.access.python#A9A90Ede
meta.method.java#BD8CEEde
meta.object-literal.key#0BD00Bde
meta.paragraph.markdown#E87DC4de
meta.preprocessor#0BDF0Bde
meta.preprocessor.numeric#7EA2E9de
meta.preprocessor.string#A9A90Dde
meta.scope.prerequisites.makefile#E87DC4de
meta.structure.dictionary.json.comments#A3A3A36e
meta.structure.dictionary.key.python#F4B0A3de
meta.structure.dictionary.value.json.comments#A1A1A16e
meta.template.expression#EF9F8Fde
meta.type.cast.expr#55D455de
meta.type.new.expr#7DA1E8de
parameter#0BDF0Bde
punctuation.character.set.begin.regexp#E87DC5de
punctuation.character.set.end.regexp#3EB4A1de
punctuation.definition.array.begin.json#7EA2E9de
punctuation.definition.character-class.regexp#0CCBABde
punctuation.definition.comment#A2A2A26e
punctuation.definition.comment.json.comments#A1A1A16e
punctuation.definition.comment.python#A2A2A26e
punctuation.definition.dictionary.begin.json#7EA2E9de
punctuation.definition.dictionary.end.json#E97EC5de
punctuation.definition.group.assertion.regexp#0ABC0Ade
punctuation.definition.group.regexp#E68977de
punctuation.definition.list.begin.json#BF8FEFde
punctuation.definition.list.begin.markdown#ED89CBde
punctuation.definition.list.begin.python#EF9F8Fde
punctuation.definition.list.end.json#4CCCB7de
punctuation.definition.list.end.markdown#47C947de
punctuation.definition.list.end.python#A7A73Ede
punctuation.definition.parameters.begin.python#BD8CEEde
punctuation.definition.parameters.end.bracket.round.java#BD8CEEde
punctuation.definition.quote.begin.markdown#EA82C8de
punctuation.definition.tag#BD8DEEde
punctuation.definition.template-expression.begin#7EA2E9de
punctuation.definition.template-expression.end#3EB8A4de
punctuation.section.class.begin.bracket.curly.java#E87DC4de
punctuation.section.embedded#47C8B3de
punctuation.section.embedded.begin.php#0BD90Bde
punctuation.section.embedded.end.php#7EA1E9de
punctuation.terminator.java#0BB79Bde
source.cmake#0CCDACde
source.coffee.embedded#A7A70Ede
source.cpp#A7A70Bde
source.css.less#7EA1E8de
source.groovy.embedded#F4A3D9de
source.java#95B4F1de
source.java-properties#E68976de
source.json.comments#A2A2A26e
source.makefile#E97DC6de
source.powershell#7DA1E8de
source.powershell.variable.other.member#43C4AFde
source.python#E68A78de
storage#0BD00Bde
storage.modifier#51D0BAde
storage.modifier.import.java#EA9482de
storage.modifier.package.java#0BD6B3de
storage.type#BD8CEEde
storage.type.annotation.groovy#CCA3F4de
storage.type.annotation.java#0ABC0Ade
storage.type.boolean.go#E87DC4de
storage.type.byte.go#0CCBABde
storage.type.cs#E68A77de
storage.type.error.go#F195D2de
storage.type.generic.cs#4CCCB7de
storage.type.generic.groovy#A7A70Ede
storage.type.generic.java#3DB93Dde
storage.type.groovy#3DBB3Dde
storage.type.java#0CC1A3de
storage.type.modifier.cs#E68977de
storage.type.numeric.go#7EA2E9de
storage.type.object.array.groovy#BD8CEEde
storage.type.object.array.java#BD8CEEde
storage.type.parameters.groovy#BD8CEEde
storage.type.primitive.array.groovy#7DA1E8de
storage.type.primitive.array.java#E87DC4de
storage.type.primitive.groovy#7DA1E8de
storage.type.primitive.java#0CBB9Ede
storage.type.rune.go#0AB89Ade
storage.type.string.go#0ADF0Ade
storage.type.token.java#F39CD6de
storage.type.uintptr.go#0BD00Bde
storage.type.variable.cs#0CBB9Ede
string#7DA1E8de
string.quoted.docstring.multi.python#A3A3A36e
string.regexp#A9A90Ede
string.tag#0ADF0Ade
string.value#0BD0AFde
strong#0BD00Bde
support.class#BD8CEEde
support.constant.color#BD8CEEde
support.constant.dom#50D150de
support.constant.font-name#CCA3F4de
support.constant.handlebars#89AAEDde
support.constant.json#3EB8A4de
support.constant.math#7EA1E9de
support.constant.media#E87DC5de
support.constant.media-type#BD8CEEde
support.constant.property-value#7FA1E9de
support.function#0BDE0Bde
support.function.git-rebase#ED89CBde
support.other.parenthesis.regexp#BF8FEFde
support.type#0BB79Bde
support.type.property-name#BD8CEEde
support.type.vendored.property-name#7EA2E9de
support.variable#E97EC5de
token.debug-token#F3AA9Cde
token.error-token#C0C03Fde
token.info-token#3EB49Fde
token.warn-token#0BD20Bde
variable#A3BEF4de
variable.css#F1A595de
variable.language#A8A80Dde
variable.language.wildcard.java#E87DC4de
variable.other.constant#89AAEDde
variable.other.definition.java#E87DC5de
variable.other.enummember#7DA1E8de
variable.other.less#7DA1E8de
variable.other.object.java#BD8CEEde
variable.other.object.property.java#51D0BAde
variable.parameter.c#7DA2E9de
variable.parameter.function.language.python#BD8CEEde
variable.parameter.java#51D0BAde
variable.scss#E97EC5de