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#1e1e17fe
  • activityBar.activeBackground#1e1e17fe
  • activityBar.activeBorder#FE9696fe
  • activityBar.activeFocusBorder#5D6E5D00
  • activityBar.background#12120Efe
  • activityBar.border#5D6E6500
  • activityBar.dropBorder#FE9696fe
  • activityBar.foreground#FE9494fe
  • activityBar.inactiveForeground#B7B74065
  • activityBarBadge.background#DA5757fe
  • activityBarBadge.foreground#12120Efe
  • badge.background#D44D4Dfe
  • badge.foreground#12120Efe
  • banner.background#1e1e17fe
  • banner.foreground#F6F6B8ce
  • banner.iconForeground#BAC6B8fe
  • breadcrumb.activeSelectionForeground#CFD9D6ca
  • breadcrumb.background#141410fe
  • breadcrumb.focusForeground#E06363fe
  • breadcrumb.foreground#F6F6B4ae
  • breadcrumbPicker.background#1e1e17fe
  • button.background#52523Fae
  • button.border#0E0E0A00
  • button.foreground#F6F6B8ce
  • button.hoverBackground#6A6A516e
  • button.secondaryBackground#1e1e17fe
  • button.secondaryForeground#F6F6B8ce
  • button.secondaryHoverBackground#1e1e17fe
  • button.separator#0B0D0B00
  • charts.blue#1b1bfffe
  • charts.foreground#F6F6B8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#10100Cfe
  • chat.slashCommandBackground#1e1e17fe
  • chat.slashCommandForeground#F6F6B8ce
  • checkbox.background#10100Cfe
  • checkbox.border#10100Cfe
  • checkbox.foreground#F6F6B8ce
  • checkbox.selectBackground#10100Cfe
  • checkbox.selectBorder#10100Cfe
  • commandCenter.activeBackground#670A0A82
  • commandCenter.activeBorder#10100Cfe
  • commandCenter.activeForeground#CD4343fe
  • commandCenter.background#1e1e17fe
  • commandCenter.border#10100Cfe
  • commandCenter.foreground#F6F6B8ce
  • commandCenter.inactiveBorder#33331091
  • commandCenter.inactiveForeground#B7B74065
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0D0C00
  • contrastBorder#0D0B0D00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#F6F6B8ce
  • debugConsole.sourceForeground#F6F6B8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D6D6CAfe
  • debugExceptionWidget.background#5D005Dab
  • debugExceptionWidget.border#10100Cfe
  • debugIcon.breakpointCurrentStackframeForeground#BCC3CAfe
  • debugIcon.breakpointDisabledForeground#C0C0AD65
  • debugIcon.breakpointForeground#CBCBBBfe
  • debugIcon.breakpointStackframeForeground#CFD9D6fe
  • debugIcon.breakpointUnverifiedForeground#D9DDE0fe
  • debugIcon.continueForeground#C1BCC9fe
  • debugIcon.disconnectForeground#CEC1CCfe
  • debugIcon.pauseForeground#C4C4B2fe
  • debugIcon.restartForeground#BAC6B8fe
  • debugIcon.startForeground#B8BFC6fe
  • debugIcon.stepBackForeground#E0D9D9fe
  • debugIcon.stepIntoForeground#C4C4B2fe
  • debugIcon.stepOutForeground#C7C7B7fe
  • debugIcon.stepOverForeground#DDDDD3fe
  • debugIcon.stopForeground#CEC1CCfe
  • debugTokenExpression.boolean#CFD9D6ca
  • debugTokenExpression.error#CECAD5ca
  • debugTokenExpression.name#D2CFD9ca
  • debugTokenExpression.number#D2CFD9ca
  • debugTokenExpression.value#D5CAD3ca
  • debugToolBar.background#5D005Dc2
  • debugToolBar.border#10100Cfe
  • debugView.exceptionLabelBackground#24323Dca
  • debugView.exceptionLabelForeground#DBD9E0ca
  • debugView.stateLabelBackground#31311Eca
  • debugView.stateLabelForeground#DDD4DBca
  • debugView.valueChangedHighlight#DDDDD3ca
  • descriptionForeground#F6F6B8ce
  • diffEditor.border#0D0B0D00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#123914fb
  • diffEditor.insertedTextBorder#0B0D0C00
  • diffEditor.move.border#0D0B0B00
  • diffEditor.moveActive.border#0B0C0D00
  • diffEditor.removedLineBackground#69000031
  • diffEditor.removedTextBackground#6B0000fb
  • diffEditor.removedTextBorder#0B0D0B00
  • diffEditor.unchangedCodeBackground#1e1e17fe
  • diffEditor.unchangedRegionBackground#1e1e17fe
  • diffEditor.unchangedRegionForeground#F6F6B8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C0C0AD65
  • dropdown.background#10100Cfe
  • dropdown.border#10100Cfe
  • dropdown.foreground#F6F6B8ce
  • dropdown.listBackground#10100Cfe
  • editor.background#1e1e17fe
  • editor.findMatchBackground#6D5656ae
  • editor.findMatchBorder#10100Cfe
  • editor.findMatchHighlightBackground#6D5656ab
  • editor.findMatchHighlightBorder#10100Cfe
  • editor.findRangeHighlightBackground#5F4B5Ba9
  • editor.findRangeHighlightBorder#10100Cfe
  • editor.focusedStackFrameHighlightBackground#5F4B5B8b
  • editor.foldBackground#C9BCBCa1
  • editor.foreground#F6F6B8ce
  • editor.hoverHighlightBackground#40524Ca5
  • editor.inactiveSelectionBackground#4F4F3C95
  • editor.inlineValuesBackground#1e1e17fe
  • editor.inlineValuesForeground#F6F6B8ce
  • editor.lineHighlightBackground#3A3A2Db1
  • editor.lineHighlightBorder#0D0B0D00
  • editor.linkedEditingBackground#1e1e17fe
  • editor.rangeHighlightBackground#41524Ca6
  • editor.rangeHighlightBorder#10100Cfe
  • editor.selectionBackground#5D4949ac
  • editor.selectionForeground#D5CACAca
  • editor.selectionHighlightBackground#514C5F8d
  • editor.selectionHighlightBorder#10100Cfe
  • editor.snippetFinalTabstopHighlightBackground#475A54a5
  • editor.snippetFinalTabstopHighlightBorder#10100Cfe
  • editor.snippetTabstopHighlightBackground#40524Ca4
  • editor.snippetTabstopHighlightBorder#10100Cfe
  • editor.stackFrameHighlightBackground#465544ad
  • editor.symbolHighlightBackground#445240a6
  • editor.symbolHighlightBorder#10100Cfe
  • editor.wordHighlightBackground#6F6F55aa
  • editor.wordHighlightBorder#0B0C0D00
  • editor.wordHighlightStrongBackground#464F58a7
  • editor.wordHighlightStrongBorder#0E0E0A00
  • editor.wordHighlightTextBackground#4F635Dad
  • editor.wordHighlightTextBorder#0B0D0B00
  • editorBracketHighlight.foreground1#F7F7F5ce
  • editorBracketHighlight.foreground2#F7F7F5ce
  • editorBracketHighlight.foreground3#F7F7F5ce
  • editorBracketHighlight.foreground4#F7F7F5ce
  • editorBracketHighlight.foreground5#F7F7F5ce
  • editorBracketHighlight.foreground6#F7F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#F6F6B8ce
  • editorBracketMatch.background#C9BCBCaa
  • editorBracketMatch.border#10100Cfe
  • editorBracketPairGuide.activeBackground1#B7BFC68b
  • editorBracketPairGuide.activeBackground2#C9BBC78b
  • editorBracketPairGuide.activeBackground3#C9BCBC84
  • editorBracketPairGuide.activeBackground4#B8C0C783
  • editorBracketPairGuide.activeBackground5#C8BBBB8e
  • editorBracketPairGuide.activeBackground6#B8C0C784
  • editorBracketPairGuide.background1#332F3Cfe
  • editorBracketPairGuide.background2#3E2D2Dfe
  • editorBracketPairGuide.background3#472929fe
  • editorBracketPairGuide.background4#253141fe
  • editorBracketPairGuide.background5#3B2D2Dfe
  • editorBracketPairGuide.background6#20352Dfe
  • editorCodeLens.foreground#C0C0AD6e
  • editorCommentsWidget.rangeActiveBackground#C1C1AEfe
  • editorCommentsWidget.rangeBackground#1e1e17fe
  • editorCommentsWidget.resolvedBorder#10100Cfe
  • editorCommentsWidget.unresolvedBorder#6A0000cb
  • editorCursor.background#1e1e17fe
  • editorCursor.foreground#D44D4Dfe
  • editorError.background#0C0B0D00
  • editorError.border#0E0E0A00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#1e1e17fe
  • editorGhostText.border#0E0E0A00
  • editorGhostText.foreground#C0C0AE6e
  • editorGroup.border#10100Cfe
  • editorGroup.dropBackground#1e1e17fe
  • editorGroup.dropIntoPromptBackground#1e1e17fe
  • editorGroup.dropIntoPromptBorder#10100Cfe
  • editorGroup.dropIntoPromptForeground#F6F6B8ce
  • editorGroup.emptyBackground#1e1e17fe
  • editorGroup.focusedEmptyBorder#10100Cfe
  • editorGroupHeader.border#0C0B0D00
  • editorGroupHeader.noTabsBackground#12120Eae
  • editorGroupHeader.tabsBackground#1e1e17a1
  • editorGroupHeader.tabsBorder#0B0D0B00
  • editorGutter.addedBackground#8CCE90fb
  • editorGutter.background#1e1e17fe
  • editorGutter.commentGlyphForeground#F6F6B8ce
  • editorGutter.commentRangeForeground#F6F6B8ce
  • editorGutter.commentUnresolvedGlyphForeground#8CCE8Fcb
  • editorGutter.deletedBackground#FFA7A7cb
  • editorGutter.foldingControlForeground#F6F6B8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0D0C00
  • editorHint.foreground#C6B4FFce
  • editorHoverWidget.background#10100Cfe
  • editorHoverWidget.border#10100Cfe
  • editorHoverWidget.foreground#F6F6B8ce
  • editorHoverWidget.highlightForeground#DDD4DBca
  • editorHoverWidget.statusBarBackground#1e1e17fe
  • editorIndentGuide.activeBackground1#EE8787fe
  • editorIndentGuide.activeBackground2#FE9696fe
  • editorIndentGuide.activeBackground3#F29494fe
  • editorIndentGuide.activeBackground4#FE9696fe
  • editorIndentGuide.activeBackground5#FD9595fe
  • editorIndentGuide.activeBackground6#EE8787fe
  • editorIndentGuide.background1#B1BFAE35
  • editorIndentGuide.background2#AEBFB935
  • editorIndentGuide.background3#A29BB035
  • editorIndentGuide.background4#B09B9B35
  • editorIndentGuide.background5#AC969635
  • editorIndentGuide.background6#A9B2BB35
  • editorInfo.background#0E0E0A00
  • editorInfo.border#0C0B0D00
  • editorInfo.foreground#C6B4FFce
  • editorInlayHint.background#1e1e17fe
  • editorInlayHint.foreground#F6F6B8ce
  • editorInlayHint.parameterBackground#1e1e17fe
  • editorInlayHint.parameterForeground#F6F6B8ce
  • editorInlayHint.typeBackground#1e1e17fe
  • editorInlayHint.typeForeground#F6F6B8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8CCE8Fcb
  • editorLineNumber.activeForeground#C53939fe
  • editorLineNumber.dimmedForeground#C0C0AD6e
  • editorLineNumber.foreground#C0C0AD6e
  • editorLink.activeForeground#DA5757fe
  • editorMarkerNavigation.background#10100Cfe
  • editorMarkerNavigationError.background#5D005Da5
  • editorMarkerNavigationError.headerBackground#5D005D9c
  • editorMarkerNavigationInfo.background#0000AEfe
  • editorMarkerNavigationInfo.headerBackground#0000AEfe
  • editorMarkerNavigationWarning.background#3B3100fe
  • editorMarkerNavigationWarning.headerBackground#3B3100fe
  • editorOverviewRuler.addedForeground#8CCE8Fcb
  • editorOverviewRuler.background#1e1e17fe
  • editorOverviewRuler.border#313125fe
  • editorOverviewRuler.bracketMatchForeground#F6F6B8ce
  • editorOverviewRuler.commentForeground#C0C0AC6e
  • editorOverviewRuler.commentUnresolvedForeground#8CCE8Fcb
  • editorOverviewRuler.commonContentForeground#F6F6B8ce
  • editorOverviewRuler.currentContentForeground#cececebc
  • editorOverviewRuler.deletedForeground#FFA7A7cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00D6D6ce
  • editorOverviewRuler.incomingContentForeground#8CCE8Fcb
  • editorOverviewRuler.infoForeground#C6B4FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDD4D4ca
  • editorOverviewRuler.selectionHighlightForeground#C6B4FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E0D9D9ca
  • editorOverviewRuler.wordHighlightStrongForeground#F6F6B8ce
  • editorOverviewRuler.wordHighlightTextForeground#F6F6B8ce
  • editorPane.background#1e1e17fe
  • editorRuler.foreground#C0C0AD37
  • editorStickyScroll.background#1e1e17fe
  • editorStickyScrollHover.background#3232266e
  • editorSuggestWidget.background#10100Cfe
  • editorSuggestWidget.border#0D0B0B00
  • editorSuggestWidget.focusHighlightForeground#F093E3fe
  • editorSuggestWidget.foreground#CCD5CAfe
  • editorSuggestWidget.highlightForeground#E1E1D8ca
  • editorSuggestWidget.selectedBackground#514C5F8b
  • editorSuggestWidget.selectedForeground#DAE0D9ca
  • editorSuggestWidget.selectedIconForeground#DDDDD3ca
  • editorSuggestWidgetStatus.foreground#C1BCC9fe
  • editorUnicodeHighlight.background#4A5A47aa
  • editorUnicodeHighlight.border#10100Cfe
  • editorUnnecessaryCode.border#3B3100ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0C0D00
  • editorWarning.border#0B0D0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F6F6B8ce
  • editorWidget.background#10100Cfe
  • editorWidget.border#10100Cfe
  • editorWidget.foreground#F6F6B8ce
  • editorWidget.resizeBorder#10100Cfe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#D44D4Dfe
  • extensionBadge.remoteForeground#12120Efe
  • extensionButton.background#323220ae
  • extensionButton.foreground#F6F6B8ce
  • extensionButton.hoverBackground#32321A6e
  • extensionButton.prominentBackground#1e1e17fe
  • extensionButton.prominentForeground#F6F6B8ce
  • extensionButton.prominentHoverBackground#1e1e17fe
  • extensionButton.separator#0B0D0C00
  • extensionIcon.preReleaseForeground#D1C6D0fe
  • extensionIcon.sponsorForeground#B8BFC6fe
  • extensionIcon.starForeground#BAC6B8fe
  • extensionIcon.verifiedForeground#C6D1CEfe
  • focusBorder#0B0D0C00
  • foreground#F6F6B8ce
  • gitDecoration.addedResourceForeground#8CCE8Fcb
  • gitDecoration.deletedResourceForeground#FFA7A7cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C6B4FFce
  • gitDecoration.stageDeletedResourceForeground#FFA7A7cb
  • gitDecoration.stageModifiedResourceForeground#8CCE8Fcb
  • gitDecoration.untrackedResourceForeground#00D6D6ce
  • icon.foreground#C0C0ACae
  • inlineChat.background#21352Eca
  • inlineChat.border#45263Fca
  • inlineChat.regionHighlight#D1D9CFca
  • inlineChat.shadow#D2CFD9ca
  • inlineChatDiff.inserted#D9DDE0ca
  • inlineChatDiff.removed#DDE4E2ca
  • inlineChatInput.background#D7D4DDca
  • inlineChatInput.border#43273Fca
  • inlineChatInput.focusBorder#0B0D0B00
  • inlineChatInput.placeholderForeground#D2CFD9ca
  • input.background#10100Cfe
  • input.border#10100Cfe
  • input.foreground#F6F6B8ce
  • input.placeholderForeground#C0C0AD65
  • inputOption.activeBackground#10100Cfe
  • inputOption.activeBorder#10100Cfe
  • inputOption.activeForeground#D04848fe
  • inputOption.hoverBackground#10100Cfe
  • inputValidation.errorBackground#670067a5
  • inputValidation.errorBorder#5D005Da4
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#10100Cfe
  • inputValidation.infoForeground#F6F6B8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#10100Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#10100Cfe
  • interactive.inactiveCodeBorder#2C2C229d
  • keybindingLabel.background#1e1e17fe
  • keybindingLabel.border#10100Cfe
  • keybindingLabel.bottomBorder#10100Cfe
  • keybindingLabel.foreground#F6F6B8ce
  • keybindingTable.headerBackground#1e1e17fe
  • keybindingTable.rowsBackground#1e1e17fe
  • list.activeSelectionBackground#5F4B4B8d
  • list.activeSelectionForeground#DDDDD3ca
  • list.activeSelectionIconForeground#D9E0DEca
  • list.deemphasizedForeground#F6F6B8ce
  • list.dropBackground#1e1e17fe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#1e1e17fe
  • list.filterMatchBorder#10100Cfe
  • list.focusAndSelectionOutline#0B0D0B00
  • list.focusBackground#4F4F3B96
  • list.focusForeground#D04848fe
  • list.focusHighlightForeground#75C661fe
  • list.focusOutline#0B0D0B00
  • list.highlightForeground#DBD9E0ca
  • list.hoverBackground#6A0101a3
  • list.hoverForeground#CD4343fe
  • list.inactiveFocusBackground#3F3F3091
  • list.inactiveFocusOutline#0B0D0B00
  • list.inactiveSelectionBackground#12120Eae
  • list.inactiveSelectionForeground#C0C0AD65
  • list.inactiveSelectionIconForeground#C0C0AD65
  • list.invalidItemForeground#F6F6B8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1e1e17fe
  • listFilterWidget.noMatchesOutline#0C0B0D00
  • listFilterWidget.outline#0D0B0B00
  • listFilterWidget.shadow#0E0E0A00
  • menu.background#12120Efe
  • menu.border#0B0D0B00
  • menu.foreground#F0F0EBae
  • menu.selectionBackground#5D4949aa
  • menu.selectionBorder#0E0E0A00
  • menu.selectionForeground#D44D4Dfe
  • menu.separatorBackground#31312665
  • menubar.selectionBackground#5D4949ad
  • menubar.selectionBorder#0B0D0B00
  • menubar.selectionForeground#D04848fe
  • merge.border#10100Cfe
  • merge.commonContentBackground#1e1e17fe
  • merge.commonHeaderBackground#1e1e17fe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#123914fb
  • merge.incomingContentBackground#133814cb
  • merge.incomingHeaderBackground#123914fb
  • mergeEditor.change.background#1e1e17fe
  • mergeEditor.change.word.background#1e1e17fe
  • mergeEditor.changeBase.background#1e1e17fe
  • mergeEditor.changeBase.word.background#1e1e17fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#10100Cfe
  • mergeEditor.conflict.handledUnfocused.border#27271E29
  • mergeEditor.conflict.input1.background#10100Cfe
  • mergeEditor.conflict.input2.background#10100Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067be
  • mergeEditor.conflict.unhandledFocused.border#10100Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#22221A22
  • mergeEditor.conflictingLines.background#1e1e17fe
  • minimap.background#1e1e17fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8CCE90fb
  • minimapGutter.deletedBackground#FFA8A8fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#828264fe
  • minimapSlider.background#575743ae
  • minimapSlider.hoverBackground#6A6A516e
  • notebook.cellBorderColor#10100Cfe
  • notebook.cellEditorBackground#1e1e17fe
  • notebook.cellHoverBackground#1e1e17fe
  • notebook.cellInsertionIndicator#CCD5CAca
  • notebook.cellStatusBarItemHoverBackground#1e1e17fe
  • notebook.cellToolbarSeparator#CECAD5ca
  • notebook.editorBackground#1e1e17fe
  • notebook.focusedCellBackground#1e1e17fe
  • notebook.focusedCellBorder#E06363fe
  • notebook.focusedEditorBorder#10100Cfe
  • notebook.inactiveFocusedCellBorder#8787678e
  • notebook.inactiveSelectedCellBorder#8282648e
  • notebook.outputContainerBackgroundColor#1e1e17fe
  • notebook.outputContainerBorderColor#10100Cfe
  • notebook.selectedCellBackground#1e1e17fe
  • notebook.selectedCellBorder#10100Cfe
  • notebook.symbolHighlightBackground#1e1e17fe
  • notebookEditorOverviewRuler.runningCellForeground#F6F6B8ce
  • notebookScrollbarSlider.activeBackground#747459fe
  • notebookScrollbarSlider.background#4D4D3Bae
  • notebookScrollbarSlider.hoverBackground#6A6A516e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#DDD4DBfe
  • notebookStatusSuccessIcon.foreground#8CCE8Fcb
  • notificationCenter.border#10100Cfe
  • notificationCenterHeader.background#1e1e17fe
  • notificationCenterHeader.foreground#F6F6B8ce
  • notificationLink.foreground#F6F6B8ce
  • notifications.background#1e1e17fe
  • notifications.border#10100Cfe
  • notifications.foreground#F6F6B8ce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#CAC6D1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#10100Cfe
  • panel.background#1e1e17fe
  • panel.border#10100Cfe
  • panel.dropBorder#10100Cfe
  • panelInput.border#10100Cfe
  • panelSection.border#10100Cfe
  • panelSection.dropBackground#1e1e17fe
  • panelSectionHeader.background#1e1e17fe
  • panelSectionHeader.border#10100Cfe
  • panelSectionHeader.foreground#F6F6B8ce
  • panelTitle.activeBorder#0B0D0B00
  • panelTitle.activeForeground#FD9595fe
  • panelTitle.inactiveForeground#B6B63C65
  • peekView.border#F29494fe
  • peekViewEditor.background#10100Cfe
  • peekViewEditor.matchHighlightBackground#40524C89
  • peekViewEditor.matchHighlightBorder#0D0B0B00
  • peekViewEditorGutter.background#10100Cfe
  • peekViewEditorStickyScroll.background#1e1e17fe
  • peekViewResult.background#12120Efe
  • peekViewResult.fileForeground#F6F6B8ce
  • peekViewResult.lineForeground#F6F6B8ce
  • peekViewResult.matchHighlightBackground#5B485787
  • peekViewResult.selectionBackground#566D6583
  • peekViewResult.selectionForeground#D5CAD3ca
  • peekViewTitle.background#12120Efe
  • peekViewTitleDescription.foreground#F6F6B8ce
  • peekViewTitleLabel.foreground#F6F6B8ce
  • pickerGroup.border#10100Cfe
  • pickerGroup.foreground#F6F6B8ce
  • ports.iconRunningProcessForeground#D9CFD7fe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C6B4FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#E06363fe
  • profileBadge.foreground#12120Efe
  • progressBar.background#1e1e17fe
  • quickInput.background#12120Efe
  • quickInput.foreground#ECECE7ae
  • quickInputList.focusBackground#435140a6
  • quickInputList.focusForeground#CD4343fe
  • quickInputList.focusIconForeground#D44D4Dfe
  • quickInputTitle.background#10100Cfe
  • sash.hoverBorder#10100Cfe
  • scrollbar.shadow#0B0D0B00
  • scrollbarSlider.activeBackground#878767fe
  • scrollbarSlider.background#4D4D3Bae
  • scrollbarSlider.hoverBackground#65654E6e
  • search.resultsInfoForeground#F6F6B8ce
  • searchEditor.findMatchBackground#47515Aa9
  • searchEditor.findMatchBorder#10100Cfe
  • searchEditor.textInputBorder#10100Cfe
  • selection.background#1e1e17fe
  • settings.checkboxBackground#10100Cfe
  • settings.checkboxBorder#10100Cfe
  • settings.checkboxForeground#F6F6B8ce
  • settings.dropdownBackground#10100Cfe
  • settings.dropdownBorder#10100Cfe
  • settings.dropdownForeground#F6F6B8ce
  • settings.dropdownListBorder#10100Cfe
  • settings.focusedRowBackground#524B5F8d
  • settings.focusedRowBorder#10100Cfe
  • settings.headerBorder#10100Cfe
  • settings.headerForeground#F6F6B8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#10100Cfe
  • settings.numberInputBorder#10100Cfe
  • settings.numberInputForeground#F6F6B8ce
  • settings.rowHoverBackground#1e1e17fe
  • settings.sashBorder#10100Cfe
  • settings.settingsHeaderHoverForeground#D44D4Dfe
  • settings.textInputBackground#10100Cfe
  • settings.textInputBorder#10100Cfe
  • settings.textInputForeground#F6F6B8ce
  • sideBar.background#1e1e17fe
  • sideBar.border#10100Cfe
  • sideBar.dropBackground#1e1e17fe
  • sideBar.foreground#C0C0ACae
  • sideBarSectionHeader.background#0B0C0D00
  • sideBarSectionHeader.border#10100Cfe
  • sideBarSectionHeader.foreground#F6F6B8ce
  • sideBarTitle.foreground#F6F6B8ce
  • sideBySideEditor.horizontalBorder#10100Cfe
  • sideBySideEditor.verticalBorder#10100Cfe
  • simpleFindWidget.sashBorder#10100Cfe
  • statusBar.background#12120Efe
  • statusBar.border#10100Cfe
  • statusBar.debuggingBackground#5D005Db0
  • statusBar.debuggingBorder#10100Cfe
  • statusBar.debuggingForeground#F6F6B8ce
  • statusBar.focusBorder#0D0B0D00
  • statusBar.foreground#C0C0AD6e
  • statusBar.noFolderBackground#12120Efe
  • statusBar.noFolderBorder#10100Cfe
  • statusBar.noFolderForeground#F6F6B8ce
  • statusBarItem.activeBackground#12120Efe
  • statusBarItem.compactHoverBackground#12120Efe
  • statusBarItem.errorBackground#5D005Dbb
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#5D005Dbe
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0B0D0C00
  • statusBarItem.hoverBackground#12120Efe
  • statusBarItem.hoverForeground#BD3939fe
  • statusBarItem.offlineBackground#12120Efe
  • statusBarItem.offlineForeground#F6F6B8ce
  • statusBarItem.offlineHoverBackground#12120Efe
  • statusBarItem.offlineHoverForeground#C93E3Efe
  • statusBarItem.prominentBackground#12120Efe
  • statusBarItem.prominentForeground#F6F6B8ce
  • statusBarItem.prominentHoverBackground#12120Efe
  • statusBarItem.prominentHoverForeground#D44D4Dfe
  • statusBarItem.remoteBackground#BD3939fe
  • statusBarItem.remoteForeground#12120Efe
  • statusBarItem.remoteHoverBackground#12120Efe
  • statusBarItem.remoteHoverForeground#DA5757fe
  • statusBarItem.warningBackground#3B3100fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#3B3100fe
  • statusBarItem.warningHoverForeground#D4AF00ce
  • symbolIcon.arrayForeground#C8BAC6fe
  • symbolIcon.booleanForeground#00D6D6ce
  • symbolIcon.classForeground#D5CACAfe
  • symbolIcon.colorForeground#C7C7B7fe
  • symbolIcon.constantForeground#CAD5D2fe
  • symbolIcon.constructorForeground#D9DDE0fe
  • symbolIcon.enumeratorForeground#CCD5CAfe
  • symbolIcon.enumeratorMemberForeground#CEC1C1fe
  • symbolIcon.eventForeground#C1C7CEfe
  • symbolIcon.fieldForeground#C8D1C6fe
  • symbolIcon.fileForeground#E5E5DDfe
  • symbolIcon.folderForeground#D5CAD3fe
  • symbolIcon.functionForeground#C6CCD1fe
  • symbolIcon.interfaceForeground#BAC6B8fe
  • symbolIcon.keyForeground#E0D9DFfe
  • symbolIcon.keywordForeground#C8BAC6fe
  • symbolIcon.methodForeground#D5CAD3fe
  • symbolIcon.moduleForeground#B3C2BDfe
  • symbolIcon.namespaceForeground#E4DDDDfe
  • symbolIcon.nullForeground#E0D9D9fe
  • symbolIcon.numberForeground#DFE4DDfe
  • symbolIcon.objectForeground#D9E0DEfe
  • symbolIcon.operatorForeground#CAD5D2fe
  • symbolIcon.packageForeground#C8D1C6fe
  • symbolIcon.propertyForeground#E0D9DFfe
  • symbolIcon.referenceForeground#C3CEC1fe
  • symbolIcon.snippetForeground#CFD9D6fe
  • symbolIcon.stringForeground#DBD9E0fe
  • symbolIcon.structForeground#D6D6CAfe
  • symbolIcon.textForeground#C3CEC1fe
  • symbolIcon.typeParameterForeground#C3CEC1fe
  • symbolIcon.unitForeground#CABCBCfe
  • symbolIcon.variableForeground#E0D9D9fe
  • tab.activeBackground#141410fe
  • tab.activeBorder#0E0E0A00
  • tab.activeBorderTop#F49B9Bfe
  • tab.activeForeground#FE9696fe
  • tab.activeModifiedBorder#3B3100ce
  • tab.border#0D0B0D00
  • tab.hoverBackground#C9BDBDa8
  • tab.hoverBorder#10100Cfe
  • tab.hoverForeground#D75252fe
  • tab.inactiveBackground#3333109d
  • tab.inactiveForeground#B1B19A65
  • tab.inactiveModifiedBorder#3B3100ce
  • tab.lastPinnedBorder#10100Cfe
  • tab.unfocusedActiveBackground#27271E31
  • tab.unfocusedActiveBorder#0B0D0C00
  • tab.unfocusedActiveBorderTop#31312565
  • tab.unfocusedActiveForeground#B7B74365
  • tab.unfocusedActiveModifiedBorder#3B3100ce
  • tab.unfocusedHoverBackground#C0C0AD2b
  • tab.unfocusedHoverBorder#22221A24
  • tab.unfocusedHoverForeground#B8B83D65
  • tab.unfocusedInactiveBackground#2C2C229b
  • tab.unfocusedInactiveForeground#B1B19A65
  • tab.unfocusedInactiveModifiedBorder#3B3100ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bd
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067a7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1e1e17fe
  • terminal.border#10100Cfe
  • terminal.dropBackground#1e1e17fe
  • terminal.findMatchBackground#1e1e17fe
  • terminal.findMatchBorder#10100Cfe
  • terminal.findMatchHighlightBackground#1e1e17fe
  • terminal.findMatchHighlightBorder#10100Cfe
  • terminal.foreground#C0C0ACae
  • terminal.hoverHighlightBackground#1e1e17fe
  • terminal.inactiveSelectionBackground#3A3A2D97
  • terminal.selectionBackground#40524C8b
  • terminal.selectionForeground#D2CFD9ca
  • terminal.tab.activeBorder#F49B9Bfe
  • terminalCommandDecoration.defaultBackground#B9BFC7a2
  • terminalCommandDecoration.errorBackground#FFA7A7cb
  • terminalCommandDecoration.successBackground#8CCE8Fcb
  • terminalCursor.background#1e1e17fe
  • terminalCursor.foreground#D44D4Dfe
  • terminalOverviewRuler.cursorForeground#F6F6B8ce
  • terminalOverviewRuler.findMatchForeground#00D6D6ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b1
  • testing.iconUnset#808080a6
  • testing.message.error.decorationForeground#EFAFAFfe
  • testing.message.error.lineBackground#5D005Dc8
  • testing.message.info.decorationForeground#E9B0B0fe
  • testing.message.info.lineBackground#0000AEfe
  • testing.peekBorder#10100Cfe
  • testing.peekHeaderBackground#1e1e17fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1e1e17fe
  • textBlockQuote.border#10100Cfe
  • textCodeBlock.background#1e1e17fe
  • textLink.activeForeground#DA5757fe
  • textLink.foreground#C6B4FFce
  • textPreformat.foreground#F6F6B8ce
  • textSeparator.foreground#F6F6B8ce
  • titleBar.activeBackground#12120Efe
  • titleBar.activeForeground#B6B66Cae
  • titleBar.border#0B0D0C00
  • titleBar.inactiveBackground#27271Ed6
  • titleBar.inactiveForeground#B1B19A65
  • toolbar.activeBackground#3A069283
  • toolbar.hoverBackground#1e1e17fe
  • toolbar.hoverOutline#0C0B0D00
  • tree.inactiveIndentGuidesStroke#9D849935
  • tree.indentGuidesStroke#EFAFAFfe
  • tree.tableColumnsBorder#10100Cfe
  • tree.tableOddRowsBackground#1e1e17fe
  • walkThrough.embeddedEditorBackground#1e1e17fe
  • walkthrough.stepTitle.foreground#F6F6B8ce
  • welcomePage.background#1e1e17fe
  • welcomePage.progress.background#1e1e17fe
  • welcomePage.progress.foreground#F6F6B8ce
  • welcomePage.tileBackground#1e1e17fe
  • welcomePage.tileBorder#10100Cfe
  • welcomePage.tileHoverBackground#1e1e17fe
  • widget.border#10100Cfe
  • widget.shadow#0D0B0D00
  • window.activeBorder#10100Cfe
  • window.inactiveBorder#31312597

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#CCCC776e
comment.block.html#CCCC736e
comment.block.java#CCCC776e
comment.block.javadoc.java#CCCC776e
comment.block.powershell#CCCC776e
comment.block.xml#CCCC776e
comment.line.double-slash.c#CCCC7D6e
comment.line.double-slash.cpp#CCCC7D6e
comment.line.double-slash.java#CCCC736e
comment.line.double-slash.js#CCCC776e
comment.line.number-sign.makefile#CCCC736e
comment.line.number-sign.python#CCCC776e
comment.line.number-sign.yaml#CCCC776e
comment.line.percentage.erlang#CCCC776e
comment.line.powershell#CCCC7D6e
comment.source.cmake#CCCC776e
comment.source.cmakecache#CCCC736e
constant.character#F5A2EDde
constant.character.character-class.regexp#3EE612de
constant.character.escape#11E57Bde
constant.character.set.regexp#EFC318de
constant.language#3DE613de
constant.numeric#EDC30Ede
constant.numeric.dec.python#9BC7F4de
constant.other.caps.python#FEADF6de
constant.other.character-class.regexp#EDC318de
constant.other.character-class.set.regexp#3EE414de
constant.other.color.rgb-value#EE87E4de
constant.other.placeholder#14E57Cde
constant.other.rgb-value#AE9CF4de
constant.regexp#99CCFEde
constant.sha.git-rebase#39E511de
emphasis#3DE614de
entity.name.class#BEB0F8de
entity.name.function#3EE514de
entity.name.function.preprocessor#EA8F8Fde
entity.name.function.python#13E47Ade
entity.name.label#EE8D8Dde
entity.name.namespace#BEB0F8de
entity.name.operator#FEB4B4de
entity.name.operator.custom-literal#F9B7B7de
entity.name.scope-resolution#AD9DEEde
entity.name.tag#F8B0B0de
entity.name.tag.css#EDC41Bde
entity.name.type#ED8D8Dde
entity.name.variable#3DE613de
entity.other.attribute#EC81E1de
entity.other.attribute-name#EDC318de
entity.other.attribute-name.class.css#EE8D8Dde
entity.other.attribute-name.class.mixin.css#3EE414de
entity.other.attribute-name.id#3CE514de
entity.other.attribute-name.id.css#AE9CF3de
entity.other.attribute-name.parent-selector.css#13E47Ade
entity.other.attribute-name.pseudo-class.css#F294E9de
entity.other.attribute-name.pseudo-element.css#A2CCF5de
entity.other.attribute-name.scss#3DE512de
entity.other.document.begin.yaml#CCCC776e
entity.other.inherited-class#3AE610de
header#F29494de
invalid#EB83E1de
keyword#EEC319de
keyword.codetag.notation.python#73ADE6de
keyword.control#3AE40Ede
keyword.control.anchor.regexp#EDC318de
keyword.control.import.python#ED8D8Dde
keyword.operator#A2CCF5de
keyword.operator.alignas#8EBFF0de
keyword.operator.alignof#FEABF6de
keyword.operator.cast#FEADF6de
keyword.operator.delete#AD9CF1de
keyword.operator.documentation.powershell#CCCC776e
keyword.operator.expression#F5A2EDde
keyword.operator.instanceof#F5A2A2de
keyword.operator.logical.python#EE8D8Dde
keyword.operator.minus.exponent#EDC41Bde
keyword.operator.negation.regexp#10E57Ade
keyword.operator.new#F9B7B7de
keyword.operator.noexcept#3DE513de
keyword.operator.or.regexp#FEB5B5de
keyword.operator.plus.exponent#EFC317de
keyword.operator.quantifier.regexp#AE9EEDde
keyword.operator.sizeof#F8B0F1de
keyword.operator.typeid#CBBFFAde
keyword.operator.wordlike#C5B7F9de
keyword.other.operator#3CE514de
keyword.other.package.java#AE9CF3de
keyword.other.unit#F8B0B0de
keyword.other.using#94C3F2de
markup.bold#73ADE6de
markup.changed#13E57Cde
markup.deleted#EFC317de
markup.fenced_code.block.markdown#EDC41Bde
markup.heading#F8B0B0de
markup.inline.raw#AD9DEDde
markup.inserted#B8A9F7de
markup.italic#EDC41Bde
markup.raw.block.markdown#C5B7F9de
markup.strikethrough#F8B0B0de
markup.underline#EDC41Bde
meta.block.c#3AE610de
meta.block.c#F0C314de
meta.class.java#CBBDFEde
meta.definition.variable.name#EEC319de
meta.diff.header#EE8D8Dde
meta.embedded#ED8D8Dde
meta.embedded.assembly#F49B9Bde
meta.function-call.arguments.python#3DE613de
meta.function-call.python#3AE610de
meta.member.access.python#EA8F8Fde
meta.method.java#74AEE8de
meta.object-literal.key#F29494de
meta.paragraph.markdown#EA8F8Fde
meta.preprocessor#B8A9F7de
meta.preprocessor.numeric#E985DFde
meta.preprocessor.string#AD9DEDde
meta.scope.prerequisites.makefile#EDC41Bde
meta.structure.dictionary.json.comments#CCCC776e
meta.structure.dictionary.key.python#14E47Bde
meta.structure.dictionary.value.json.comments#CCCC776e
meta.template.expression#3DE512de
meta.type.cast.expr#EDC41Bde
meta.type.new.expr#3DE614de
parameter#0FE57Cde
punctuation.character.set.begin.regexp#EFC317de
punctuation.character.set.end.regexp#14E57Cde
punctuation.definition.array.begin.json#14E47Dde
punctuation.definition.character-class.regexp#AE9CF3de
punctuation.definition.comment#CCCC776e
punctuation.definition.comment.json.comments#CCCC736e
punctuation.definition.comment.python#CCCC7D6e
punctuation.definition.dictionary.begin.json#CBBDFEde
punctuation.definition.dictionary.end.json#3EE414de
punctuation.definition.group.assertion.regexp#ED8D8Dde
punctuation.definition.group.regexp#3DE512de
punctuation.definition.list.begin.json#F294E9de
punctuation.definition.list.begin.markdown#87BBEEde
punctuation.definition.list.begin.python#9ACDFDde
punctuation.definition.list.end.json#8EBFF0de
punctuation.definition.list.end.markdown#AE9CF4de
punctuation.definition.list.end.python#EA83DFde
punctuation.definition.parameters.begin.python#10E57Ade
punctuation.definition.parameters.end.bracket.round.java#AD9CEFde
punctuation.definition.quote.begin.markdown#12E47Cde
punctuation.definition.tag#7AB2EAde
punctuation.definition.template-expression.begin#EEC311de
punctuation.definition.template-expression.end#EEC31Cde
punctuation.section.class.begin.bracket.curly.java#EC8E8Ede
punctuation.section.embedded#39E511de
punctuation.section.embedded.begin.php#EB83E1de
punctuation.section.embedded.end.php#EA8F8Fde
punctuation.terminator.java#10E47Ade
source.cmake#AD9DEEde
source.coffee.embedded#F08EE6de
source.cpp#3EE414de
source.css.less#9ACDFDde
source.groovy.embedded#EEC319de
source.java#9ACCFEde
source.java-properties#EA8F8Fde
source.json.comments#CCCC776e
source.makefile#81B6ECde
source.powershell#12E57Ade
source.powershell.variable.other.member#9ACCFEde
source.python#AD9DEDde
storage#0EE47Bde
storage.modifier#F5A2A2de
storage.modifier.import.java#EEC31Cde
storage.modifier.package.java#12E57Ade
storage.type#E985DFde
storage.type.annotation.groovy#EFC317de
storage.type.annotation.java#9ACCFEde
storage.type.boolean.go#F5A2A2de
storage.type.byte.go#0FE57Cde
storage.type.cs#E985DFde
storage.type.error.go#EFC311de
storage.type.generic.cs#99CCFDde
storage.type.generic.groovy#EA8F8Fde
storage.type.generic.java#11E57Bde
storage.type.groovy#14E47Cde
storage.type.java#3AE40Ede
storage.type.modifier.cs#F8B0B0de
storage.type.numeric.go#FEADF6de
storage.type.object.array.groovy#7AB2EAde
storage.type.object.array.java#CBBFFAde
storage.type.parameters.groovy#EDC417de
storage.type.primitive.array.groovy#CBBFFAde
storage.type.primitive.array.java#3EE514de
storage.type.primitive.groovy#F7A9EFde
storage.type.primitive.java#A2CCF5de
storage.type.rune.go#B3A2F5de
storage.type.string.go#F5A2EDde
storage.type.token.java#F49B9Bde
storage.type.uintptr.go#AE9CF3de
storage.type.variable.cs#C5B7F9de
string#F294E9de
string.quoted.docstring.multi.python#CCCC776e
string.regexp#AD9CF1de
string.tag#AE9CF4de
string.value#10E47Ade
strong#9ACCFEde
support.class#3DE513de
support.constant.color#14E47Bde
support.constant.dom#EA8F8Fde
support.constant.font-name#3EE514de
support.constant.handlebars#EA8F8Fde
support.constant.json#3DE613de
support.constant.math#14E47Cde
support.constant.media#3DE512de
support.constant.media-type#F7A9A9de
support.constant.property-value#3DE512de
support.function#13E57Cde
support.function.git-rebase#3DE510de
support.other.parenthesis.regexp#F49BEBde
support.type#ED8D8Dde
support.type.property-name#FEABF6de
support.type.vendored.property-name#EEC319de
support.variable#F8B0F1de
token.debug-token#3AE610de
token.error-token#3CE514de
token.info-token#12E47Cde
token.warn-token#EFC311de
variable#FEABF6de
variable.css#EDC30Ede
variable.language#3FE414de
variable.language.wildcard.java#74AEE8de
variable.other.constant#EFC318de
variable.other.definition.java#F294E9de
variable.other.enummember#EEC31Ede
variable.other.less#99CCFDde
variable.other.object.java#EDC318de
variable.other.object.property.java#EA8F8Fde
variable.parameter.c#E884DDde
variable.parameter.function.language.python#EC8E8Ede
variable.parameter.java#AD9CF0de
variable.scss#3CE514de