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#DEDDDEfe
  • activityBar.activeBackground#DEDDDEfe
  • activityBar.activeBorder#184821fe
  • activityBar.activeFocusBorder#7C7C7C00
  • activityBar.background#EEEEEEfe
  • activityBar.border#7C7C7C00
  • activityBar.dropBorder#10471Afe
  • activityBar.foreground#064812fe
  • activityBar.inactiveForeground#4D4A4D65
  • activityBarBadge.background#0B9224fe
  • activityBarBadge.foreground#EEEEEEfe
  • badge.background#287E38fe
  • badge.foreground#EEEEEEfe
  • banner.background#DEDDDEfe
  • banner.foreground#363636ce
  • banner.iconForeground#33363Bfe
  • breadcrumb.activeSelectionForeground#5E145Eca
  • breadcrumb.background#EAE9EAfe
  • breadcrumb.focusForeground#0F9227fe
  • breadcrumb.foreground#363636ae
  • breadcrumbPicker.background#DEDDDEfe
  • button.background#B1AEB1ae
  • button.border#FAFAFA00
  • button.foreground#363636ce
  • button.hoverBackground#9895986e
  • button.secondaryBackground#DEDDDEfe
  • button.secondaryForeground#363636ce
  • button.secondaryHoverBackground#DEDDDEfe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#363636ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DEDDDEfe
  • chat.slashCommandForeground#363636ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#363636ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#D3D2D188
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#29853Afe
  • commandCenter.background#DEDDDEfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#363636ce
  • commandCenter.inactiveBorder#D3D2D394
  • commandCenter.inactiveForeground#45424565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#8F008Fce
  • debugConsole.infoForeground#363636ce
  • debugConsole.sourceForeground#363636ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#1E3851fe
  • debugExceptionWidget.background#FFBDFFb4
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#512551fe
  • debugIcon.breakpointDisabledForeground#4D4A4D65
  • debugIcon.breakpointForeground#591D59fe
  • debugIcon.breakpointStackframeForeground#413D3Ffe
  • debugIcon.breakpointUnverifiedForeground#4A1D76fe
  • debugIcon.continueForeground#203B2Efe
  • debugIcon.disconnectForeground#213D06fe
  • debugIcon.pauseForeground#3F3D41fe
  • debugIcon.restartForeground#402E53fe
  • debugIcon.startForeground#2D3741fe
  • debugIcon.stepBackForeground#4A1D76fe
  • debugIcon.stepIntoForeground#3A324Cfe
  • debugIcon.stepOutForeground#413D3Ffe
  • debugIcon.stepOverForeground#601B3Efe
  • debugIcon.stopForeground#293B18fe
  • debugTokenExpression.boolean#292A2Bca
  • debugTokenExpression.error#222123ca
  • debugTokenExpression.name#222321ca
  • debugTokenExpression.number#272625ca
  • debugTokenExpression.value#2A2B29ca
  • debugToolBar.background#FFBDFFca
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#D3D5D2ca
  • debugView.exceptionLabelForeground#203B2Eca
  • debugView.stateLabelBackground#D2D4D3ca
  • debugView.stateLabelForeground#591D59ca
  • debugView.valueChangedHighlight#292B2Aca
  • descriptionForeground#363636ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B2DEB5fb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#FFC4C431
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#DEDDDEfe
  • diffEditor.unchangedRegionBackground#DEDDDEfe
  • diffEditor.unchangedRegionForeground#363636ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#8E088E65
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#363636ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DEDDDEfe
  • editor.findMatchBackground#A7AAA4a3
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#AFB2ADa4
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#A3A0A6aa
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#B5B8BA8a
  • editor.foldBackground#4C5147ab
  • editor.foreground#363636ce
  • editor.hoverHighlightBackground#A4AAA7ac
  • editor.inactiveSelectionBackground#C5C3C59a
  • editor.inlineValuesBackground#DEDDDEfe
  • editor.inlineValuesForeground#363636ce
  • editor.lineHighlightBackground#C5C3C5b3
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#DEDDDEfe
  • editor.rangeHighlightBackground#989598ae
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#C0BEC2ab
  • editor.selectionForeground#512551ca
  • editor.selectionHighlightBackground#BCBEBA89
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#B6B3B1a4
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#93969Aa6
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#A09DA0a8
  • editor.symbolHighlightBackground#A29B9Fac
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#ADB2AFa4
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#B5B8BAa1
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#ABAEA8a5
  • editor.wordHighlightTextBorder#F6F6F600
  • editorBracketHighlight.foreground1#0E0E0Ece
  • editorBracketHighlight.foreground2#0E0E0Ece
  • editorBracketHighlight.foreground3#0E0E0Ece
  • editorBracketHighlight.foreground4#0E0E0Ece
  • editorBracketHighlight.foreground5#0E0E0Ece
  • editorBracketHighlight.foreground6#0E0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#363636ce
  • editorBracketMatch.background#475237a7
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#5B4B548e
  • editorBracketPairGuide.activeBackground2#36554288
  • editorBracketPairGuide.activeBackground3#3655428c
  • editorBracketPairGuide.activeBackground4#534E508c
  • editorBracketPairGuide.activeBackground5#6349378e
  • editorBracketPairGuide.activeBackground6#3156468d
  • editorBracketPairGuide.background1#D4D2D4fe
  • editorBracketPairGuide.background2#CFD3D1fe
  • editorBracketPairGuide.background3#D5D3D5fe
  • editorBracketPairGuide.background4#D2D4D5fe
  • editorBracketPairGuide.background5#D4D3D4fe
  • editorBracketPairGuide.background6#D2D3D4fe
  • editorCodeLens.foreground#8C108C6e
  • editorCommentsWidget.rangeActiveBackground#654465fe
  • editorCommentsWidget.rangeBackground#DEDDDEfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FFC4C4cb
  • editorCursor.background#DEDDDEfe
  • editorCursor.foreground#12912Afe
  • editorError.background#FAFAFA00
  • editorError.border#FAFAFA00
  • editorError.foreground#8F008Fce
  • editorGhostText.background#DEDDDEfe
  • editorGhostText.border#F6F6F600
  • editorGhostText.foreground#8C0C8C6e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#363636ce
  • editorGroup.emptyBackground#DEDDDEfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#F6F6F600
  • editorGroupHeader.noTabsBackground#EEEEEEae
  • editorGroupHeader.tabsBackground#DEDDDEa1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#DEDDDEfe
  • editorGutter.commentGlyphForeground#363636ce
  • editorGutter.commentRangeForeground#363636ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#363636ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F6F6F600
  • editorHint.foreground#3C00FAce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#363636ce
  • editorHoverWidget.highlightForeground#043F21ca
  • editorHoverWidget.statusBarBackground#DEDDDEfe
  • editorIndentGuide.activeBackground1#064812fe
  • editorIndentGuide.activeBackground2#10471Afe
  • editorIndentGuide.activeBackground3#10471Afe
  • editorIndentGuide.activeBackground4#1A4621fe
  • editorIndentGuide.activeBackground5#1E4C26fe
  • editorIndentGuide.activeBackground6#064812fe
  • editorIndentGuide.background1#595F5C35
  • editorIndentGuide.background2#43414535
  • editorIndentGuide.background3#5C5F5935
  • editorIndentGuide.background4#585B5535
  • editorIndentGuide.background5#64686135
  • editorIndentGuide.background6#595C5F35
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • editorInfo.foreground#3C00FAce
  • editorInlayHint.background#DEDDDEfe
  • editorInlayHint.foreground#363636ce
  • editorInlayHint.parameterBackground#DEDDDEfe
  • editorInlayHint.parameterForeground#363636ce
  • editorInlayHint.typeBackground#DEDDDEfe
  • editorInlayHint.typeForeground#363636ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#287E38fe
  • editorLineNumber.dimmedForeground#871D876e
  • editorLineNumber.foreground#8A158A6e
  • editorLink.activeForeground#0B9224fe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FFBDFFca
  • editorMarkerNavigationError.headerBackground#FFBDFFbe
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DEDDDEfe
  • editorOverviewRuler.border#D2D2D2fe
  • editorOverviewRuler.bracketMatchForeground#363636ce
  • editorOverviewRuler.commentForeground#871D876e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#363636ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ebd
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#8F008Fce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FAce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#293B18ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FAce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#293B18ca
  • editorOverviewRuler.wordHighlightStrongForeground#363636ce
  • editorOverviewRuler.wordHighlightTextForeground#363636ce
  • editorPane.background#DEDDDEfe
  • editorRuler.foreground#6841683d
  • editorStickyScroll.background#DEDDDEfe
  • editorStickyScrollHover.background#D3D2D36e
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#2A423Afe
  • editorSuggestWidget.foreground#3D413Ffe
  • editorSuggestWidget.highlightForeground#452764ca
  • editorSuggestWidget.selectedBackground#B5BAB88b
  • editorSuggestWidget.selectedForeground#423325ca
  • editorSuggestWidget.selectedIconForeground#253C0Fca
  • editorSuggestWidgetStatus.foreground#2B3930fe
  • editorUnicodeHighlight.background#A09DA0a6
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#FAFAFA00
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#363636ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#363636ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#8F008Fce
  • extensionBadge.remoteBackground#277635fe
  • extensionBadge.remoteForeground#EEEEEEfe
  • extensionButton.background#D4D2D4ae
  • extensionButton.foreground#363636ce
  • extensionButton.hoverBackground#D4D2D46e
  • extensionButton.prominentBackground#DEDDDEfe
  • extensionButton.prominentForeground#363636ce
  • extensionButton.prominentHoverBackground#DEDDDEfe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#353837fe
  • extensionIcon.sponsorForeground#2A3A22fe
  • extensionIcon.starForeground#69113Dfe
  • extensionIcon.verifiedForeground#1A3C2Bfe
  • focusBorder#FAFAFA00
  • foreground#363636ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FAce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#763576ae
  • inlineChat.background#D3D2D3ca
  • inlineChat.border#D5D2D3ca
  • inlineChat.regionHighlight#18191Aca
  • inlineChat.shadow#1E1D1Fca
  • inlineChatDiff.inserted#262725ca
  • inlineChatDiff.removed#252726ca
  • inlineChatInput.background#222321ca
  • inlineChatInput.border#D5D4D2ca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#601B3Eca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#363636ce
  • input.placeholderForeground#403E4065
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#287E38fe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#670067b2
  • inputValidation.errorBorder#FFBDFFac
  • inputValidation.errorForeground#8F008Fce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#363636ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#D4D2D499
  • keybindingLabel.background#DEDDDEfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#363636ce
  • keybindingTable.headerBackground#DEDDDEfe
  • keybindingTable.rowsBackground#DEDDDEfe
  • list.activeSelectionBackground#969A9381
  • list.activeSelectionForeground#591D59ca
  • list.activeSelectionIconForeground#4A3118ca
  • list.deemphasizedForeground#363636ce
  • list.dropBackground#DEDDDEfe
  • list.errorForeground#8F008Fce
  • list.filterMatchBackground#DEDDDEfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#F6F6F600
  • list.focusBackground#CDCCCD97
  • list.focusForeground#29853Afe
  • list.focusHighlightForeground#29450Efe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#043F21ca
  • list.hoverBackground#D3D2D5a3
  • list.hoverForeground#119229fe
  • list.inactiveFocusBackground#CDCCCD95
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#EEEEEEae
  • list.inactiveSelectionForeground#403E4065
  • list.inactiveSelectionIconForeground#45424565
  • list.invalidItemForeground#363636ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#DEDDDEfe
  • listFilterWidget.noMatchesOutline#F6F6F600
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#EEEEEEfe
  • menu.border#FAFAFA00
  • menu.foreground#363636ae
  • menu.selectionBackground#C0BEC2a7
  • menu.selectionBorder#F6F6F600
  • menu.selectionForeground#29853Afe
  • menu.separatorBackground#D3D2D365
  • menubar.selectionBackground#CCCBCEa6
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#119229fe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DEDDDEfe
  • merge.commonHeaderBackground#DEDDDEfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B2DEB5fb
  • merge.incomingContentBackground#B2DEB4cb
  • merge.incomingHeaderBackground#B2DEB5fb
  • mergeEditor.change.background#DEDDDEfe
  • mergeEditor.change.word.background#DEDDDEfe
  • mergeEditor.changeBase.background#DEDDDEfe
  • mergeEditor.changeBase.word.background#DEDDDEfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#D4D2D423
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bd
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#D6D4D639
  • mergeEditor.conflictingLines.background#DEDDDEfe
  • minimap.background#DEDDDEfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A40000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#848084fe
  • minimapSlider.background#A9A6A9ae
  • minimapSlider.hoverBackground#A09DA06e
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DEDDDEfe
  • notebook.cellHoverBackground#DEDDDEfe
  • notebook.cellInsertionIndicator#212322ca
  • notebook.cellStatusBarItemHoverBackground#DEDDDEfe
  • notebook.cellToolbarSeparator#262527ca
  • notebook.editorBackground#DEDDDEfe
  • notebook.focusedCellBackground#DEDDDEfe
  • notebook.focusedCellBorder#287E38fe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#807C808e
  • notebook.inactiveSelectedCellBorder#807C808e
  • notebook.outputContainerBackgroundColor#DEDDDEfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DEDDDEfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DEDDDEfe
  • notebookEditorOverviewRuler.runningCellForeground#363636ce
  • notebookScrollbarSlider.activeBackground#807C80fe
  • notebookScrollbarSlider.background#B9B7B9ae
  • notebookScrollbarSlider.hoverBackground#A09DA06e
  • notebookStatusErrorIcon.foreground#8F008Fce
  • notebookStatusRunningIcon.foreground#4A2E3Cfe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DEDDDEfe
  • notificationCenterHeader.foreground#363636ce
  • notificationLink.foreground#363636ce
  • notifications.background#DEDDDEfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#363636ce
  • notificationsErrorIcon.foreground#8F008Fce
  • notificationsInfoIcon.foreground#30382Cfe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DEDDDEfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DEDDDEfe
  • panelSectionHeader.background#DEDDDEfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#363636ce
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#1A4621fe
  • panelTitle.inactiveForeground#4D4A4D65
  • peekView.border#064812fe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#A29F9B8b
  • peekViewEditor.matchHighlightBorder#F6F6F600
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DEDDDEfe
  • peekViewResult.background#EEEEEEfe
  • peekViewResult.fileForeground#363636ce
  • peekViewResult.lineForeground#363636ce
  • peekViewResult.matchHighlightBackground#B1B3B685
  • peekViewResult.selectionBackground#B6B3B188
  • peekViewResult.selectionForeground#4B2A4Bca
  • peekViewTitle.background#EEEEEEfe
  • peekViewTitleDescription.foreground#363636ce
  • peekViewTitleLabel.foreground#363636ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#363636ce
  • ports.iconRunningProcessForeground#601B3Efe
  • problemsErrorIcon.foreground#8F008Fce
  • problemsInfoIcon.foreground#3C00FAce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#12912Afe
  • profileBadge.foreground#EEEEEEfe
  • progressBar.background#DEDDDEfe
  • quickInput.background#EEEEEEfe
  • quickInput.foreground#5E125Eae
  • quickInputList.focusBackground#A0A3A6ae
  • quickInputList.focusForeground#109228fe
  • quickInputList.focusIconForeground#119229fe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#908C90fe
  • scrollbarSlider.background#ADAAADae
  • scrollbarSlider.hoverBackground#A5A2A56e
  • search.resultsInfoForeground#363636ce
  • searchEditor.findMatchBackground#B1B6B3a6
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DEDDDEfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#363636ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#363636ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#AFB2AD83
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#363636ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#363636ce
  • settings.rowHoverBackground#DEDDDEfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#277635fe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#363636ce
  • sideBar.background#DEDDDEfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DEDDDEfe
  • sideBar.foreground#763576ae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#363636ce
  • sideBarTitle.foreground#363636ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EEEEEEfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#FFBDFFa4
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#363636ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#8C108C6e
  • statusBar.noFolderBackground#EEEEEEfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#363636ce
  • statusBarItem.activeBackground#EEEEEEfe
  • statusBarItem.compactHoverBackground#EEEEEEfe
  • statusBarItem.errorBackground#FFBDFF99
  • statusBarItem.errorForeground#8F008Fce
  • statusBarItem.errorHoverBackground#FFBDFFbc
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#EEEEEEfe
  • statusBarItem.hoverForeground#12912Afe
  • statusBarItem.offlineBackground#EEEEEEfe
  • statusBarItem.offlineForeground#363636ce
  • statusBarItem.offlineHoverBackground#EEEEEEfe
  • statusBarItem.offlineHoverForeground#109228fe
  • statusBarItem.prominentBackground#EEEEEEfe
  • statusBarItem.prominentForeground#363636ce
  • statusBarItem.prominentHoverBackground#EEEEEEfe
  • statusBarItem.prominentHoverForeground#287E38fe
  • statusBarItem.remoteBackground#2A8D3Cfe
  • statusBarItem.remoteForeground#EEEEEEfe
  • statusBarItem.remoteHoverBackground#EEEEEEfe
  • statusBarItem.remoteHoverForeground#0B9224fe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#957B00ce
  • symbolIcon.arrayForeground#383735fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#591D59fe
  • symbolIcon.colorForeground#512551fe
  • symbolIcon.constantForeground#640164fe
  • symbolIcon.constructorForeground#69113Dfe
  • symbolIcon.enumeratorForeground#203B2Efe
  • symbolIcon.enumeratorMemberForeground#69113Dfe
  • symbolIcon.eventForeground#383735fe
  • symbolIcon.fieldForeground#423136fe
  • symbolIcon.fileForeground#591D59fe
  • symbolIcon.folderForeground#4A0194fe
  • symbolIcon.functionForeground#2D3741fe
  • symbolIcon.interfaceForeground#3D413Ffe
  • symbolIcon.keyForeground#213B2Afe
  • symbolIcon.keywordForeground#3D3B39fe
  • symbolIcon.methodForeground#3D3430fe
  • symbolIcon.moduleForeground#3D413Ffe
  • symbolIcon.namespaceForeground#4A2E3Cfe
  • symbolIcon.nullForeground#462E46fe
  • symbolIcon.numberForeground#4B2A4Bfe
  • symbolIcon.objectForeground#2A3A22fe
  • symbolIcon.operatorForeground#33363Bfe
  • symbolIcon.packageForeground#3B3D39fe
  • symbolIcon.propertyForeground#3B393Dfe
  • symbolIcon.referenceForeground#293B18fe
  • symbolIcon.snippetForeground#383537fe
  • symbolIcon.stringForeground#2D3A20fe
  • symbolIcon.structForeground#043F21fe
  • symbolIcon.textForeground#2D3A20fe
  • symbolIcon.typeParameterForeground#353738fe
  • symbolIcon.unitForeground#373835fe
  • symbolIcon.variableForeground#3B393Dfe
  • tab.activeBackground#EAE9EAfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#15471Ffe
  • tab.activeForeground#10471Afe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F6F600
  • tab.hoverBackground#633D89ab
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#0B9224fe
  • tab.inactiveBackground#D3D2D39b
  • tab.inactiveForeground#4D4A4D65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#D6D4D637
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#D4D2D465
  • tab.unfocusedActiveForeground#45424565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#68416837
  • tab.unfocusedHoverBorder#D6D4D624
  • tab.unfocusedHoverForeground#45424565
  • tab.unfocusedInactiveBackground#CDCCCD9d
  • tab.unfocusedInactiveForeground#4D4A4D65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c2
  • 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#670067c8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DEDDDEfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DEDDDEfe
  • terminal.findMatchBackground#DEDDDEfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DEDDDEfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#763576ae
  • terminal.hoverHighlightBackground#DEDDDEfe
  • terminal.inactiveSelectionBackground#BDBBBD93
  • terminal.selectionBackground#BEBCBA8d
  • terminal.selectionForeground#423325ca
  • terminal.tab.activeBorder#10471Afe
  • terminalCommandDecoration.defaultBackground#495055a7
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DEDDDEfe
  • terminalCursor.foreground#119229fe
  • terminalOverviewRuler.cursorForeground#363636ce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c0
  • testing.iconUnset#808080ac
  • testing.message.error.decorationForeground#105C1Dfe
  • testing.message.error.lineBackground#FFBDFF99
  • testing.message.info.decorationForeground#0E5C1Dfe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DEDDDEfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DEDDDEfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DEDDDEfe
  • textLink.activeForeground#2A8D3Cfe
  • textLink.foreground#3C00FAce
  • textPreformat.foreground#363636ce
  • textSeparator.foreground#363636ce
  • titleBar.activeBackground#EEEEEEfe
  • titleBar.activeForeground#3E3E3Eae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#D2D2D2d6
  • titleBar.inactiveForeground#49464965
  • toolbar.activeBackground#D5D1D38a
  • toolbar.hoverBackground#DEDDDEfe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#474A4535
  • tree.indentGuidesStroke#145C22fe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DEDDDEfe
  • walkThrough.embeddedEditorBackground#DEDDDEfe
  • walkthrough.stepTitle.foreground#363636ce
  • welcomePage.background#DEDDDEfe
  • welcomePage.progress.background#DEDDDEfe
  • welcomePage.progress.foreground#363636ce
  • welcomePage.tileBackground#DEDDDEfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DEDDDEfe
  • widget.border#F2F2F2fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#D4D2D499

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4F154F6e—
comment.block.html#4F154F6e—
comment.block.java#2F2F2F6e—
comment.block.javadoc.java#4F154F6e—
comment.block.powershell#4F174F6e—
comment.block.xml#4F154F6e—
comment.line.double-slash.c#2F2F2F6e—
comment.line.double-slash.cpp#4F154F6e—
comment.line.double-slash.java#4F174F6e—
comment.line.double-slash.js#2F2F2F6e—
comment.line.number-sign.makefile#4F174F6e—
comment.line.number-sign.python#4F174F6e—
comment.line.number-sign.yaml#4F154F6e—
comment.line.percentage.erlang#2F2F2F6e—
comment.line.powershell#4F174F6e—
comment.source.cmake#2F2F2F6e—
comment.source.cmakecache#4F154F6e—
constant.character#592136de—
constant.character.character-class.regexp#113618de—
constant.character.escape#12361Ade—
constant.character.set.regexp#103436de—
constant.language#0D5119de—
constant.numeric#1E494Cde—
constant.numeric.dec.python#223403de—
constant.other.caps.python#5E0A29de—
constant.other.character-class.regexp#05370Fde—
constant.other.character-class.set.regexp#212470de—
constant.other.color.rgb-value#094D51de—
constant.other.placeholder#12361Ade—
constant.other.rgb-value#212768de—
constant.regexp#1C4245de—
constant.sha.git-rebase#104D52de—
emphasis#09129Cde—
entity.name.class#2C3818de—
entity.name.function#402B18de—
entity.name.function.preprocessor#422910de—
entity.name.function.python#1F2375de—
entity.name.label#1A3E21de—
entity.name.namespace#1C4245de—
entity.name.operator#0D5119de—
entity.name.operator.custom-literal#263310de—
entity.name.scope-resolution#593D21de—
entity.name.tag#1E4C26de—
entity.name.tag.css#344D0Cde—
entity.name.type#620326debold
entity.name.variable#56182Fde—
entity.other.attribute#501D30de—
entity.other.attribute-name#223403de—
entity.other.attribute-name.class.css#1C4523de—
entity.other.attribute-name.class.mixin.css#354C10de—
entity.other.attribute-name.id#0B5119de—
entity.other.attribute-name.id.css#68243Dde—
entity.other.attribute-name.parent-selector.css#693A0Cde—
entity.other.attribute-name.pseudo-class.css#422910de—
entity.other.attribute-name.pseudo-element.css#412A13de—
entity.other.attribute-name.scss#232766de—
entity.other.document.begin.yaml#2F2F2F6e—
entity.other.inherited-class#422A11de—
header#68243Dde—
invalid#2C3818de—
keyword#0F511Bdebold
keyword.codetag.notation.python#4B2159debold
keyword.control#212768debold
keyword.control.anchor.regexp#103437debold
keyword.control.import.python#113436debold
keyword.operator#103437debold
keyword.operator.alignas#103436debold
keyword.operator.alignof#104D52debold
keyword.operator.cast#094D51debold
keyword.operator.delete#0D4D51debold
keyword.operator.documentation.powershell#2F2F2F6ebold
keyword.operator.expression#402A15debold
keyword.operator.instanceof#242866debold
keyword.operator.logical.python#242868debold
keyword.operator.minus.exponent#5C102Bdebold
keyword.operator.negation.regexp#58142Ddebold
keyword.operator.new#620326debold
keyword.operator.noexcept#242868debold
keyword.operator.or.regexp#242866debold
keyword.operator.plus.exponent#5C0E2Bdebold
keyword.operator.quantifier.regexp#4D0F62debold
keyword.operator.sizeof#461C53debold
keyword.operator.typeid#60233Adebold
keyword.operator.wordlike#12361Adebold
keyword.other.operator#402B18debold
keyword.other.package.java#402A15debold
keyword.other.unit#103617debold
keyword.other.using#451D52debold
markup.bold#4B2159de—
markup.changed#344D0Cde—
markup.deleted#095117de—
markup.fenced_code.block.markdown#1A3E21de—
markup.heading#451F53de—
markup.inline.raw#402A15de—
markup.inserted#242866de—
markup.italic#223403de—
markup.raw.block.markdown#212470de—
markup.strikethrough#3E2C1Ade—
markup.underline#5C102Bde—
meta.block.c#09129Cde—
meta.block.c#05370Fde—
meta.class.java#593D21de—
meta.definition.variable.name#243309de—
meta.diff.header#501D30de—
meta.embedded#422910de—
meta.embedded.assembly#531A30de—
meta.function-call.arguments.python#4C351Ede—
meta.function-call.python#4C351Ede—
meta.member.access.python#242866de—
meta.method.java#12361Ade—
meta.object-literal.key#354C10de—
meta.paragraph.markdown#232766de—
meta.preprocessor#4C351Ede—
meta.preprocessor.numeric#1C4245de—
meta.preprocessor.string#23286Ade—
meta.scope.prerequisites.makefile#512360de—
meta.structure.dictionary.json.comments#4F154F6e—
meta.structure.dictionary.key.python#183638de—
meta.structure.dictionary.value.json.comments#4F174F6e—
meta.template.expression#412A13de—
meta.type.cast.expr#10501Cdebold
meta.type.new.expr#212470debold
parameter#461F52de—
punctuation.character.set.begin.regexp#521F32de—
punctuation.character.set.end.regexp#501D30de—
punctuation.definition.array.begin.json#252A6Fde—
punctuation.definition.character-class.regexp#0B4D51de—
punctuation.definition.comment#2F2F2F6e—
punctuation.definition.comment.json.comments#4F154F6e—
punctuation.definition.comment.python#4F174F6e—
punctuation.definition.dictionary.begin.json#572468de—
punctuation.definition.dictionary.end.json#462708de—
punctuation.definition.group.assertion.regexp#451F53de—
punctuation.definition.group.regexp#05370Fde—
punctuation.definition.list.begin.json#1A3C3Ede—
punctuation.definition.list.begin.markdown#113618de—
punctuation.definition.list.begin.python#412A13de—
punctuation.definition.list.end.json#4D0D63de—
punctuation.definition.list.end.markdown#521F32de—
punctuation.definition.list.end.python#242868de—
punctuation.definition.parameters.begin.python#354C11de—
punctuation.definition.parameters.end.bracket.round.java#344C0Ede—
punctuation.definition.quote.begin.markdown#263311de—
punctuation.definition.tag#4B2159de—
punctuation.definition.template-expression.begin#263311de—
punctuation.definition.template-expression.end#232766de—
punctuation.section.class.begin.bracket.curly.java#35451Cde—
punctuation.section.embedded#5E0A29de—
punctuation.section.embedded.begin.php#462708de—
punctuation.section.embedded.end.php#1F2375de—
punctuation.terminator.java#103617de—
source.cmake#422A11de—
source.coffee.embedded#2C3818de—
source.cpp#5C256Fde—
source.css.less#18381Ede—
source.groovy.embedded#1C217Cde—
source.java#273214de—
source.java-properties#0B5119de—
source.json.comments#4F174F6e—
source.makefile#113618de—
source.powershell#1E494Cde—
source.powershell.variable.other.member#354C11de—
source.python#68243Dde—
storage#243309de—
storage.modifier#103617de—
storage.modifier.import.java#592136de—
storage.modifier.package.java#113618de—
storage.type#52391Fdebold
storage.type.annotation.groovy#232766debold
storage.type.annotation.java#1E494Cdebold
storage.type.boolean.go#69390Adebold
storage.type.byte.go#263311debold
storage.type.cs#1A3E21debold
storage.type.error.go#1A3C3Edebold
storage.type.generic.cs#1C4245debold
storage.type.generic.groovy#1E4C26debold
storage.type.generic.java#104D52debold
storage.type.groovy#242868debold
storage.type.java#0D5119debold
storage.type.modifier.cs#512360debold
storage.type.numeric.go#113618debold
storage.type.object.array.groovy#56182Fdebold
storage.type.object.array.java#521F32debold
storage.type.parameters.groovy#1C4523debold
storage.type.primitive.array.groovy#0B5119debold
storage.type.primitive.array.java#10501Cdebold
storage.type.primitive.groovy#222768debold
storage.type.primitive.java#462708debold
storage.type.rune.go#482703debold
storage.type.string.go#344D0Cdebold
storage.type.token.java#223403debold
storage.type.uintptr.go#35451Cdebold
storage.type.variable.cs#461F52debold
string#6C3807de—
string.quoted.docstring.multi.python#2F2F2F6e—
string.regexp#113618de—
string.tag#501D30de—
string.value#4E0C64de—
strong#033538de—
support.class#223403de—
support.constant.color#212470de—
support.constant.dom#500368de—
support.constant.font-name#461C53de—
support.constant.handlebars#103617de—
support.constant.json#482703de—
support.constant.math#133337de—
support.constant.media#56182Fde—
support.constant.media-type#1C4245debold
support.constant.property-value#18381Ede—
support.function#344D0Ade—
support.function.git-rebase#0D5119de—
support.other.parenthesis.regexp#592136de—
support.type#103437debold
support.type.property-name#232768debold
support.type.vendored.property-name#5C0E2Bdebold
support.variable#402A15de—
token.debug-token#0B4D51de—
token.error-token#1A3E21de—
token.info-token#103437de—
token.warn-token#05370Fde—
variable#113618de—
variable.css#09129Cde—
variable.language#232768de—
variable.language.wildcard.java#620326de—
variable.other.constant#620326de—
variable.other.definition.java#500368de—
variable.other.enummember#35451Cde—
variable.other.less#133337de—
variable.other.object.java#5C102Bde—
variable.other.object.property.java#4D0D63de—
variable.parameter.c#693A0Cde—
variable.parameter.function.language.python#113618de—
variable.parameter.java#212470de—
variable.scss#10501Cde—