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