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#E2E1E2fe
  • activityBar.activeBackground#E2E1E2fe
  • activityBar.activeBorder#334616fe
  • activityBar.activeFocusBorder#80808000
  • activityBar.background#F2F2F2fe
  • activityBar.border#80808000
  • activityBar.dropBorder#35471Afe
  • activityBar.foreground#314710fe
  • activityBar.inactiveForeground#4C4A4C65
  • activityBarBadge.background#5B8E0Cfe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#5B8E0Cfe
  • badge.foreground#F2F2F2fe
  • banner.background#E2E1E2fe
  • banner.foreground#383838ce
  • banner.iconForeground#253E25fe
  • breadcrumb.activeSelectionForeground#0202C2ca
  • breadcrumb.background#EEEEEEfe
  • breadcrumb.focusForeground#5C8E10fe
  • breadcrumb.foreground#631163ae
  • breadcrumbPicker.background#E2E1E2fe
  • button.background#ACAAACae
  • button.border#FAFAFA00
  • button.foreground#383838ce
  • button.hoverBackground#A09DA06e
  • button.secondaryBackground#E2E1E2fe
  • button.secondaryForeground#383838ce
  • button.secondaryHoverBackground#E2E1E2fe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#383838ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E2E1E2fe
  • chat.slashCommandForeground#383838ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#383838ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#D8D7D789
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#5C8E0Dfe
  • commandCenter.background#E2E1E2fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#383838ce
  • commandCenter.inactiveBorder#D8D7D895
  • commandCenter.inactiveForeground#55525565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#930093ce
  • debugConsole.infoForeground#383838ce
  • debugConsole.sourceForeground#383838ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#253E25fe
  • debugExceptionWidget.background#FFC6FFae
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#5E2727fe
  • debugIcon.breakpointDisabledForeground#48464865
  • debugIcon.breakpointForeground#303B30fe
  • debugIcon.breakpointStackframeForeground#39393Bfe
  • debugIcon.breakpointUnverifiedForeground#363652fe
  • debugIcon.continueForeground#383842fe
  • debugIcon.disconnectForeground#3D3F3Dfe
  • debugIcon.pauseForeground#393B39fe
  • debugIcon.restartForeground#393B39fe
  • debugIcon.startForeground#532E2Efe
  • debugIcon.stepBackForeground#1A401Afe
  • debugIcon.stepIntoForeground#542854fe
  • debugIcon.stepOutForeground#1A401Afe
  • debugIcon.stepOverForeground#363652fe
  • debugIcon.stopForeground#253E25fe
  • debugTokenExpression.boolean#191818ca
  • debugTokenExpression.error#252526ca
  • debugTokenExpression.name#252526ca
  • debugTokenExpression.number#191818ca
  • debugTokenExpression.value#292A29ca
  • debugToolBar.background#FFC6FF9d
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#D8D7D7ca
  • debugView.exceptionLabelForeground#363652ca
  • debugView.stateLabelBackground#D9D9DAca
  • debugView.stateLabelForeground#5E1B5Eca
  • debugView.valueChangedHighlight#2A2929ca
  • descriptionForeground#383838ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#BBE2BDfb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#FFCBCB31
  • diffEditor.removedTextBackground#FFCCCCfb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#E2E1E2fe
  • diffEditor.unchangedRegionBackground#E2E1E2fe
  • diffEditor.unchangedRegionForeground#383838ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#48464865
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#383838ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E2E1E2fe
  • editor.findMatchBackground#AEAEB1ab
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A5A8A5a3
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#999C99a2
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#BBBDBB88
  • editor.foldBackground#4D4D7Ea3
  • editor.foreground#383838ce
  • editor.hoverHighlightBackground#B6B6B9ad
  • editor.inactiveSelectionBackground#CDCCCD92
  • editor.inlineValuesBackground#E2E1E2fe
  • editor.inlineValuesForeground#383838ce
  • editor.lineHighlightBackground#C9C7C9b1
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#E2E1E2fe
  • editor.rangeHighlightBackground#AAAAACa2
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#BFBFC1ab
  • editor.selectionForeground#641264ca
  • editor.selectionHighlightBackground#BBBBBD88
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#A09D9Da2
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#B1AEAEa4
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#A5A8A5a9
  • editor.symbolHighlightBackground#B5B2B2a6
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#989494a3
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#ACAAAAae
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#AAACAAa1
  • editor.wordHighlightTextBorder#FAFAFA00
  • editorBracketHighlight.foreground1#0E0E0Ece
  • editorBracketHighlight.foreground2#0E0E0Ece
  • editorBracketHighlight.foreground3#0E0E0Ece
  • editorBracketHighlight.foreground4#0E0E0Ece
  • editorBracketHighlight.foreground5#0E0E0Ece
  • editorBracketHighlight.foreground6#0E0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#383838ce
  • editorBracketMatch.background#644C4Ca7
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#7F3D3D8d
  • editorBracketPairGuide.activeBackground2#36593688
  • editorBracketPairGuide.activeBackground3#4F534F88
  • editorBracketPairGuide.activeBackground4#5A4F4F8d
  • editorBracketPairGuide.activeBackground5#3559358c
  • editorBracketPairGuide.activeBackground6#3636D888
  • editorBracketPairGuide.background1#D8D8D9fe
  • editorBracketPairGuide.background2#D9D8D8fe
  • editorBracketPairGuide.background3#D8D7D7fe
  • editorBracketPairGuide.background4#D8D9D8fe
  • editorBracketPairGuide.background5#D8D8D9fe
  • editorBracketPairGuide.background6#D8D7D7fe
  • editorCodeLens.foreground#8C1E8C6e
  • editorCommentsWidget.rangeActiveBackground#674567fe
  • editorCommentsWidget.rangeBackground#E2E1E2fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FFCCCCcb
  • editorCursor.background#E2E1E2fe
  • editorCursor.foreground#628826fe
  • editorError.background#FAFAFA00
  • editorError.border#FAFAFA00
  • editorError.foreground#930093ce
  • editorGhostText.background#E2E1E2fe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#8F128F6e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E2E1E2fe
  • editorGroup.dropIntoPromptBackground#E2E1E2fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#383838ce
  • editorGroup.emptyBackground#E2E1E2fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#FAFAFA00
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#E2E1E2a1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#1A5E1Dfb
  • editorGutter.background#E2E1E2fe
  • editorGutter.commentGlyphForeground#383838ce
  • editorGutter.commentRangeForeground#383838ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5E22cb
  • editorGutter.deletedBackground#A80000cb
  • editorGutter.foldingControlForeground#383838ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#3E01FFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#383838ce
  • editorHoverWidget.highlightForeground#084208ca
  • editorHoverWidget.statusBarBackground#E2E1E2fe
  • editorIndentGuide.activeBackground1#324614fe
  • editorIndentGuide.activeBackground2#334616fe
  • editorIndentGuide.activeBackground3#2F4706fe
  • editorIndentGuide.activeBackground4#314611fe
  • editorIndentGuide.activeBackground5#2F4706fe
  • editorIndentGuide.activeBackground6#35471Afe
  • editorIndentGuide.background1#52555235
  • editorIndentGuide.background2#55525235
  • editorIndentGuide.background3#4E4E5035
  • editorIndentGuide.background4#666A6635
  • editorIndentGuide.background5#52555235
  • editorIndentGuide.background6#52555235
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • editorInfo.foreground#3E01FFce
  • editorInlayHint.background#E2E1E2fe
  • editorInlayHint.foreground#383838ce
  • editorInlayHint.parameterBackground#E2E1E2fe
  • editorInlayHint.parameterForeground#383838ce
  • editorInlayHint.typeBackground#E2E1E2fe
  • editorInlayHint.typeForeground#383838ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5E22cb
  • editorLineNumber.activeForeground#5C8E0Efe
  • editorLineNumber.dimmedForeground#8D1A8D6e
  • editorLineNumber.foreground#8F158F6e
  • editorLink.activeForeground#5E8E11fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FFC6FFb8
  • editorMarkerNavigationError.headerBackground#FFC6FFc3
  • editorMarkerNavigationInfo.background#D5D5FEfe
  • editorMarkerNavigationInfo.headerBackground#D5D5FEfe
  • editorMarkerNavigationWarning.background#FED40Afe
  • editorMarkerNavigationWarning.headerBackground#FED40Afe
  • editorOverviewRuler.addedForeground#1F5E22cb
  • editorOverviewRuler.background#E2E1E2fe
  • editorOverviewRuler.border#D8D7D8fe
  • editorOverviewRuler.bracketMatchForeground#383838ce
  • editorOverviewRuler.commentForeground#8F158F6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5E22cb
  • editorOverviewRuler.commonContentForeground#383838ce
  • editorOverviewRuler.currentContentForeground#515151c6
  • editorOverviewRuler.deletedForeground#A80000cb
  • editorOverviewRuler.errorForeground#930093ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5E22cb
  • editorOverviewRuler.infoForeground#3E01FFce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#1E1EA7ca
  • editorOverviewRuler.selectionHighlightForeground#3E01FFce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#084208ca
  • editorOverviewRuler.wordHighlightStrongForeground#383838ce
  • editorOverviewRuler.wordHighlightTextForeground#383838ce
  • editorPane.background#E2E1E2fe
  • editorRuler.foreground#6B436B2b
  • editorStickyScroll.background#E2E1E2fe
  • editorStickyScrollHover.background#D8D7D86e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#6F176Ffe
  • editorSuggestWidget.foreground#730D0Dfe
  • editorSuggestWidget.highlightForeground#104210ca
  • editorSuggestWidget.selectedBackground#99999C87
  • editorSuggestWidget.selectedForeground#662020ca
  • editorSuggestWidget.selectedIconForeground#542854ca
  • editorSuggestWidgetStatus.foreground#443535fe
  • editorUnicodeHighlight.background#B2B5B2a9
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#FAFAFA00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#383838ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#383838ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#930093ce
  • extensionBadge.remoteBackground#5D8025fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#D8D7D8ae
  • extensionButton.foreground#383838ce
  • extensionButton.hoverBackground#D8D7D86e
  • extensionButton.prominentBackground#E2E1E2fe
  • extensionButton.prominentForeground#383838ce
  • extensionButton.prominentHoverBackground#E2E1E2fe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#0E0EBAfe
  • extensionIcon.sponsorForeground#3B3939fe
  • extensionIcon.starForeground#1A401Afe
  • extensionIcon.verifiedForeground#204020fe
  • focusBorder#FAFAFA00
  • foreground#383838ce
  • gitDecoration.addedResourceForeground#1F5E22cb
  • gitDecoration.deletedResourceForeground#A80000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3E01FFce
  • gitDecoration.stageDeletedResourceForeground#A80000cb
  • gitDecoration.stageModifiedResourceForeground#1F5E22cb
  • gitDecoration.untrackedResourceForeground#005B5Bce
  • icon.foreground#535153ae
  • inlineChat.background#D8D7D8ca
  • inlineChat.border#D8D8D9ca
  • inlineChat.regionHighlight#292A29ca
  • inlineChat.shadow#181819ca
  • inlineChatDiff.inserted#2A292Aca
  • inlineChatDiff.removed#191818ca
  • inlineChatInput.background#212221ca
  • inlineChatInput.border#D8D9D8ca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#363652ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#383838ce
  • input.placeholderForeground#44414465
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#5C8E0Dfe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067c6
  • inputValidation.errorBorder#FFC6FFbc
  • inputValidation.errorForeground#930093ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#383838ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#D8D7D89b
  • keybindingLabel.background#E2E1E2fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#383838ce
  • keybindingTable.headerBackground#E2E1E2fe
  • keybindingTable.rowsBackground#E2E1E2fe
  • list.activeSelectionBackground#AEAEB183
  • list.activeSelectionForeground#730D0Dca
  • list.activeSelectionIconForeground#363652ca
  • list.deemphasizedForeground#383838ce
  • list.dropBackground#E2E1E2fe
  • list.errorForeground#930093ce
  • list.filterMatchBackground#E2E1E2fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#FAFAFA00
  • list.focusBackground#D1D0D197
  • list.focusForeground#5E8E11fe
  • list.focusHighlightForeground#384338fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#1A401Aca
  • list.hoverBackground#D7D7D8a3
  • list.hoverForeground#5C8E0Efe
  • list.inactiveFocusBackground#C1BFC19e
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#44414465
  • list.inactiveSelectionIconForeground#91099165
  • list.invalidItemForeground#383838ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E2E1E2fe
  • listFilterWidget.noMatchesOutline#FAFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#F2F2F2fe
  • menu.border#FAFAFA00
  • menu.foreground#641164ae
  • menu.selectionBackground#D0D0D1a2
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#5D8025fe
  • menu.separatorBackground#D8D7D865
  • menubar.selectionBackground#D0D0D1aa
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#5C8E0Efe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E2E1E2fe
  • merge.commonHeaderBackground#E2E1E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#BBE2BDfb
  • merge.incomingContentBackground#BBE1BCcb
  • merge.incomingHeaderBackground#BBE2BDfb
  • mergeEditor.change.background#E2E1E2fe
  • mergeEditor.change.word.background#E2E1E2fe
  • mergeEditor.changeBase.background#E2E1E2fe
  • mergeEditor.changeBase.word.background#E2E1E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F6fe
  • mergeEditor.conflict.handledUnfocused.border#DAD8DA36
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a2
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D8D7D824
  • mergeEditor.conflictingLines.background#E2E1E2fe
  • minimap.background#E2E1E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5E1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#908C90fe
  • minimapSlider.background#B1AEB1ae
  • minimapSlider.hoverBackground#9C999C6e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E2E1E2fe
  • notebook.cellHoverBackground#E2E1E2fe
  • notebook.cellInsertionIndicator#191818ca
  • notebook.cellStatusBarItemHoverBackground#E2E1E2fe
  • notebook.cellToolbarSeparator#181819ca
  • notebook.editorBackground#E2E1E2fe
  • notebook.focusedCellBackground#E2E1E2fe
  • notebook.focusedCellBorder#5C8E0Efe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#837F838e
  • notebook.inactiveSelectedCellBorder#8C888C8e
  • notebook.outputContainerBackgroundColor#E2E1E2fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E2E1E2fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E2E1E2fe
  • notebookEditorOverviewRuler.runningCellForeground#383838ce
  • notebookScrollbarSlider.activeBackground#908C90fe
  • notebookScrollbarSlider.background#B9B6B9ae
  • notebookScrollbarSlider.hoverBackground#A8A5A86e
  • notebookStatusErrorIcon.foreground#930093ce
  • notebookStatusRunningIcon.foreground#1E1EA7fe
  • notebookStatusSuccessIcon.foreground#1F5E22cb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E2E1E2fe
  • notificationCenterHeader.foreground#383838ce
  • notificationLink.foreground#383838ce
  • notifications.background#E2E1E2fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#383838ce
  • notificationsErrorIcon.foreground#930093ce
  • notificationsInfoIcon.foreground#253E25fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F6F6F6fe
  • panel.background#E2E1E2fe
  • panel.border#F6F6F6fe
  • panel.dropBorder#F6F6F6fe
  • panelInput.border#F6F6F6fe
  • panelSection.border#F6F6F6fe
  • panelSection.dropBackground#E2E1E2fe
  • panelSectionHeader.background#E2E1E2fe
  • panelSectionHeader.border#F6F6F6fe
  • panelSectionHeader.foreground#383838ce
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#3A4E1Cfe
  • panelTitle.inactiveForeground#4C4A4C65
  • peekView.border#2D4803fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#A5A5A88a
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E2E1E2fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#383838ce
  • peekViewResult.lineForeground#383838ce
  • peekViewResult.matchHighlightBackground#A5A5A885
  • peekViewResult.selectionBackground#AEAEB184
  • peekViewResult.selectionForeground#36364Dca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#383838ce
  • peekViewTitleLabel.foreground#383838ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#383838ce
  • ports.iconRunningProcessForeground#5E2727fe
  • problemsErrorIcon.foreground#930093ce
  • problemsInfoIcon.foreground#3E01FFce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#587924fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E2E1E2fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#631263ae
  • quickInputList.focusBackground#ACAAAAa1
  • quickInputList.focusForeground#5C8E10fe
  • quickInputList.focusIconForeground#587924fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#949094fe
  • scrollbarSlider.background#BDBBBDae
  • scrollbarSlider.hoverBackground#A4A1A46e
  • search.resultsInfoForeground#383838ce
  • searchEditor.findMatchBackground#99999Ca3
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E2E1E2fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#383838ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#383838ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#BDBBBB8d
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#383838ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#383838ce
  • settings.rowHoverBackground#E2E1E2fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#628826fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#383838ce
  • sideBar.background#E2E1E2fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E2E1E2fe
  • sideBar.foreground#535153ae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#383838ce
  • sideBarTitle.foreground#383838ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#FFC6FFb5
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#383838ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#910E916e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#383838ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FFC6FFad
  • statusBarItem.errorForeground#930093ce
  • statusBarItem.errorHoverBackground#FFC6FFc1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#587924fe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#383838ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#587924fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#383838ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#5E8E11fe
  • statusBarItem.remoteBackground#5B8E0Cfe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#5B8E0Cfe
  • statusBarItem.warningBackground#FED40Afe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FED40Afe
  • statusBarItem.warningHoverForeground#987E00ce
  • symbolIcon.arrayForeground#36364Dfe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#4B3232fe
  • symbolIcon.colorForeground#1A401Afe
  • symbolIcon.constantForeground#670467fe
  • symbolIcon.constructorForeground#3F3D3Ffe
  • symbolIcon.enumeratorForeground#253E25fe
  • symbolIcon.enumeratorMemberForeground#3F3737fe
  • symbolIcon.eventForeground#383842fe
  • symbolIcon.fieldForeground#3F3737fe
  • symbolIcon.fileForeground#3D3F3Dfe
  • symbolIcon.folderForeground#253E25fe
  • symbolIcon.functionForeground#0202C2fe
  • symbolIcon.interfaceForeground#3F3D3Ffe
  • symbolIcon.keyForeground#5E2727fe
  • symbolIcon.keywordForeground#39393Bfe
  • symbolIcon.methodForeground#532E2Efe
  • symbolIcon.moduleForeground#39393Bfe
  • symbolIcon.namespaceForeground#303B30fe
  • symbolIcon.nullForeground#253E25fe
  • symbolIcon.numberForeground#104210fe
  • symbolIcon.objectForeground#1E1EA7fe
  • symbolIcon.operatorForeground#3F3D3Ffe
  • symbolIcon.packageForeground#253E25fe
  • symbolIcon.propertyForeground#1A401Afe
  • symbolIcon.referenceForeground#253E25fe
  • symbolIcon.snippetForeground#36364Dfe
  • symbolIcon.stringForeground#39393Bfe
  • symbolIcon.structForeground#3D3D3Ffe
  • symbolIcon.textForeground#730D0Dfe
  • symbolIcon.typeParameterForeground#3B3939fe
  • symbolIcon.unitForeground#413441fe
  • symbolIcon.variableForeground#3B393Bfe
  • tab.activeBackground#EEEEEEfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#2D4803fe
  • tab.activeForeground#35471Afe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFA00
  • tab.hoverBackground#3C3CC9a4
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#5E8E11fe
  • tab.inactiveBackground#D8D7D897
  • tab.inactiveForeground#44414465
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D5D4D525
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#D9D8D965
  • tab.unfocusedActiveForeground#4C4A4C65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#6B436B28
  • tab.unfocusedHoverBorder#D8D7D823
  • tab.unfocusedHoverForeground#504E5065
  • tab.unfocusedInactiveBackground#CDCCCD93
  • tab.unfocusedInactiveForeground#55525565
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c7
  • 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#670067a3
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2E1E2fe
  • terminal.border#F6F6F6fe
  • terminal.dropBackground#E2E1E2fe
  • terminal.findMatchBackground#E2E1E2fe
  • terminal.findMatchBorder#F6F6F6fe
  • terminal.findMatchHighlightBackground#E2E1E2fe
  • terminal.findMatchHighlightBorder#F6F6F6fe
  • terminal.foreground#535153ae
  • terminal.hoverHighlightBackground#E2E1E2fe
  • terminal.inactiveSelectionBackground#D1D0D195
  • terminal.selectionBackground#A1A1A483
  • terminal.selectionForeground#5E2727ca
  • terminal.tab.activeBorder#314611fe
  • terminalCommandDecoration.defaultBackground#4D4D7Ea3
  • terminalCommandDecoration.errorBackground#A80000cb
  • terminalCommandDecoration.successBackground#1F5E22cb
  • terminalCursor.background#E2E1E2fe
  • terminalCursor.foreground#5D8025fe
  • terminalOverviewRuler.cursorForeground#383838ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b7
  • testing.iconUnset#808080ad
  • testing.message.error.decorationForeground#3C590Dfe
  • testing.message.error.lineBackground#FFC6FFb9
  • testing.message.info.decorationForeground#3F5A13fe
  • testing.message.info.lineBackground#D5D5FEfe
  • testing.peekBorder#F6F6F6fe
  • testing.peekHeaderBackground#E2E1E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2E1E2fe
  • textBlockQuote.border#F6F6F6fe
  • textCodeBlock.background#E2E1E2fe
  • textLink.activeForeground#587924fe
  • textLink.foreground#3E01FFce
  • textPreformat.foreground#383838ce
  • textSeparator.foreground#383838ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#720D72ae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#DAD8DAd8
  • titleBar.inactiveForeground#504E5065
  • toolbar.activeBackground#D7D8D789
  • toolbar.hoverBackground#E2E1E2fe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#5E615E35
  • tree.indentGuidesStroke#3E5A14fe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E2E1E2fe
  • walkThrough.embeddedEditorBackground#E2E1E2fe
  • walkthrough.stepTitle.foreground#383838ce
  • welcomePage.background#E2E1E2fe
  • welcomePage.progress.background#E2E1E2fe
  • welcomePage.progress.foreground#383838ce
  • welcomePage.tileBackground#E2E1E2fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E2E1E2fe
  • widget.border#F6F6F6fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#D8D7D89c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#5515556e
comment.block.html#5514556e
comment.block.java#3131316e
comment.block.javadoc.java#5515556e
comment.block.powershell#5515556e
comment.block.xml#3131316e
comment.line.double-slash.c#5515556e
comment.line.double-slash.cpp#5514556e
comment.line.double-slash.java#5515556e
comment.line.double-slash.js#5515556e
comment.line.number-sign.makefile#5514556e
comment.line.number-sign.python#3131316e
comment.line.number-sign.yaml#5515556e
comment.line.percentage.erlang#5515556e
comment.line.powershell#5514556e
comment.source.cmake#5515556e
comment.source.cmakecache#5515556e
constant.character#5C1F36de
constant.character.character-class.regexp#103A17de
constant.character.escape#0912A1de
constant.character.set.regexp#56226Ade
constant.language#66032Ade
constant.numeric#47301Ade
constant.numeric.dec.python#581C32de
constant.other.caps.python#442C13de
constant.other.character-class.regexp#4A1C5Dde
constant.other.character-class.set.regexp#5E1330de
constant.other.color.rgb-value#63203Ade
constant.other.placeholder#4B1E5Bde
constant.other.rgb-value#591A33de
constant.regexp#4E2703de
constant.sha.git-rebase#4E2703de
emphasis#273610de
entity.name.class#191E8Dde
entity.name.function#4E351Cde
entity.name.function.preprocessor#222775de
entity.name.function.python#620C2Ede
entity.name.label#0912A1de
entity.name.namespace#4B1F5Cde
entity.name.operator#212678de
entity.name.operator.custom-literal#10373Ade
entity.name.scope-resolution#610F2Dde
entity.name.tag#4B1F5Cde
entity.name.tag.css#5C2371de
entity.name.type#043739debold
entity.name.variable#530272de
entity.other.attribute#63203Ade
entity.other.attribute-name#5A1832de
entity.other.attribute-name.class.css#712341de
entity.other.attribute-name.class.mixin.css#510D6Ade
entity.other.attribute-name.id#232874de
entity.other.attribute-name.id.css#354F0Dde
entity.other.attribute-name.parent-selector.css#191E8Dde
entity.other.attribute-name.pseudo-class.css#10373Ade
entity.other.attribute-name.pseudo-element.css#273611de
entity.other.attribute-name.scss#442C13de
entity.other.document.begin.yaml#5514556e
entity.other.inherited-class#4E2703de
header#703A05de
invalid#610E2Fde
keyword#5A1832debold
keyword.codetag.notation.python#232776debold
keyword.control#344F09debold
keyword.control.anchor.regexp#4E2703debold
keyword.control.import.python#4B1E5Bdebold
keyword.operator#141B94debold
keyword.operator.alignas#03373Adebold
keyword.operator.alignof#2C3916debold
keyword.operator.cast#374F0Fdebold
keyword.operator.delete#304018debold
keyword.operator.documentation.powershell#5515556ebold
keyword.operator.expression#232874debold
keyword.operator.instanceof#1C2187debold
keyword.operator.logical.python#050BA7debold
keyword.operator.minus.exponent#1A4447debold
keyword.operator.negation.regexp#10373Adebold
keyword.operator.new#374F0Fdebold
keyword.operator.noexcept#4D1A60debold
keyword.operator.or.regexp#1C2187debold
keyword.operator.plus.exponent#0C5054debold
keyword.operator.quantifier.regexp#0A5055debold
keyword.operator.sizeof#232876debold
keyword.operator.typeid#163739debold
keyword.operator.wordlike#0A5416debold
keyword.other.operator#4D1862debold
keyword.other.package.java#0912A1debold
keyword.other.unit#620C2Edebold
keyword.other.using#5C1631debold
markup.bold#20257Bde
markup.changed#442C15de
markup.deleted#501266de
markup.fenced_code.block.markdown#304018de
markup.heading#1C4E24de
markup.inline.raw#243706de
markup.inserted#222775de
markup.italic#304018de
markup.raw.block.markdown#501266de
markup.strikethrough#472B10de
markup.underline#141B94de
meta.block.c#5C3D1Fde
meta.block.c#6E3B08de
meta.class.java#47301Ade
meta.definition.variable.name#3A4E1Cde
meta.diff.header#25257Bde
meta.embedded#0E179Bde
meta.embedded.assembly#0A5416de
meta.function-call.arguments.python#54391Dde
meta.function-call.python#3A4E1Cde
meta.member.access.python#163739de
meta.method.java#103A17de
meta.object-literal.key#243706de
meta.paragraph.markdown#442C14de
meta.preprocessor#5C1631de
meta.preprocessor.numeric#6A223Ede
meta.preprocessor.string#191E8Dde
meta.scope.prerequisites.makefile#3A4E1Cde
meta.structure.dictionary.json.comments#5514556e
meta.structure.dictionary.key.python#5C1631de
meta.structure.dictionary.value.json.comments#5515556e
meta.template.expression#3A4E1Cde
meta.type.cast.expr#374F0Fdebold
meta.type.new.expr#581C32debold
parameter#5C3D1Fde
punctuation.character.set.begin.regexp#273610de
punctuation.character.set.end.regexp#6C3B0Ade
punctuation.definition.array.begin.json#3A4E1Cde
punctuation.definition.character-class.regexp#66032Ade
punctuation.definition.comment#3131316e
punctuation.definition.comment.json.comments#5515556e
punctuation.definition.comment.python#5515556e
punctuation.definition.dictionary.begin.json#354F0Dde
punctuation.definition.dictionary.end.json#273610de
punctuation.definition.group.assertion.regexp#4D1A60de
punctuation.definition.group.regexp#25257Bde
punctuation.definition.list.begin.json#0F5053de
punctuation.definition.list.begin.markdown#233703de
punctuation.definition.list.begin.python#4C2801de
punctuation.definition.list.end.json#085054de
punctuation.definition.list.end.markdown#54391Dde
punctuation.definition.list.end.python#273611de
punctuation.definition.parameters.begin.python#5C2371de
punctuation.definition.parameters.end.bracket.round.java#610E2Fde
punctuation.definition.quote.begin.markdown#5C3D1Fde
punctuation.definition.tag#0A5055de
punctuation.definition.template-expression.begin#2C3916de
punctuation.definition.template-expression.end#10373Ade
punctuation.section.class.begin.bracket.curly.java#354F0Dde
punctuation.section.embedded#442C15de
punctuation.section.embedded.begin.php#5A1832de
punctuation.section.embedded.end.php#6E3B08de
punctuation.terminator.java#610F2Dde
source.cmake#4E2703de
source.coffee.embedded#0D3739de
source.cpp#530272de
source.css.less#0C5417de
source.groovy.embedded#1F2381de
source.java#222775de
source.java-properties#5A1832de
source.json.comments#5515556e
source.makefile#5C1631de
source.powershell#273710de
source.powershell.variable.other.member#212678de
source.python#2C3916de
storage#243706de
storage.modifier#0912A1de
storage.modifier.import.java#591A33de
storage.modifier.package.java#35471Ade
storage.type#442C14debold
storage.type.annotation.groovy#4A1C5Ddebold
storage.type.annotation.java#232776debold
storage.type.boolean.go#0E179Bdebold
storage.type.byte.go#703A05debold
storage.type.cs#501266debold
storage.type.error.go#581C32debold
storage.type.generic.cs#442C14debold
storage.type.generic.groovy#25257Bdebold
storage.type.generic.java#610E2Fdebold
storage.type.groovy#233703debold
storage.type.java#670228debold
storage.type.modifier.cs#183E40debold
storage.type.numeric.go#66032Adebold
storage.type.object.array.groovy#212678debold
storage.type.object.array.java#5C1F36debold
storage.type.parameters.groovy#4E351Cdebold
storage.type.primitive.array.groovy#4E2703debold
storage.type.primitive.array.java#442C14debold
storage.type.primitive.groovy#4E1565debold
storage.type.primitive.java#2C3916debold
storage.type.rune.go#050BA7debold
storage.type.string.go#1C2187debold
storage.type.token.java#304018debold
storage.type.uintptr.go#54391Ddebold
storage.type.variable.cs#0F531Adebold
string#103917de
string.quoted.docstring.multi.python#5515556e
string.regexp#243706de
string.tag#442C14de
string.value#712341de
strong#442C13de
support.class#530B6Ade
support.constant.color#530272de
support.constant.dom#442C15de
support.constant.font-name#10373Ade
support.constant.handlebars#703A05de
support.constant.json#482A10de
support.constant.math#085414de
support.constant.media#5E1330de
support.constant.media-type#1F2381debold
support.constant.property-value#6C3B0Ade
support.function#4D1A60de
support.function.git-rebase#374F0Fde
support.other.parenthesis.regexp#212678de
support.type#085054debold
support.type.property-name#4B1D5Ddebold
support.type.vendored.property-name#591A33debold
support.variable#5E1330de
token.debug-token#1A4721de
token.error-token#141B94de
token.info-token#141B94de
token.warn-token#183E40de
variable#232874de
variable.css#4E1565de
variable.language#1A4721de
variable.language.wildcard.java#4B1E5Bde
variable.other.constant#243706de
variable.other.definition.java#581C32de
variable.other.enummember#5E1330de
variable.other.less#5C2371de
variable.other.object.java#0F531Ade
variable.other.object.property.java#232874de
variable.parameter.c#510A6Dde
variable.parameter.function.language.python#0F5053de
variable.parameter.java#1C2187de
variable.scss#4A1C5Dde