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#E2DED7fe
  • activityBar.activeBackground#E2DED7fe
  • activityBar.activeBorder#762008fe
  • activityBar.activeFocusBorder#8A7B6C00
  • activityBar.background#F0EEEBfe
  • activityBar.border#7878B600
  • activityBar.dropBorder#6F2712fe
  • activityBar.foreground#6F2712fe
  • activityBar.inactiveForeground#4E463865
  • activityBarBadge.background#883923fe
  • activityBarBadge.foreground#F0EEEBfe
  • badge.background#C14927fe
  • badge.foreground#F0EEEBfe
  • banner.background#E2DED7fe
  • banner.foreground#453412ce
  • banner.iconForeground#1F3E29fe
  • breadcrumb.activeSelectionForeground#07401Cca
  • breadcrumb.background#EDEAE6fe
  • breadcrumb.focusForeground#A04025fe
  • breadcrumb.foreground#453413ae
  • breadcrumbPicker.background#E2DED7fe
  • button.background#B3A997ae
  • button.border#FAFAFB00
  • button.foreground#453412ce
  • button.hoverBackground#B0A5926e
  • button.secondaryBackground#E2DED7fe
  • button.secondaryForeground#453412ce
  • button.secondaryHoverBackground#E2DED7fe
  • button.separator#F7F6F500
  • charts.blue#1b1bfffe
  • charts.foreground#453412ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F2F0fe
  • chat.slashCommandBackground#E2DED7fe
  • chat.slashCommandForeground#453412ce
  • checkbox.background#F4F2F0fe
  • checkbox.border#F4F2F0fe
  • checkbox.foreground#453412ce
  • checkbox.selectBackground#F4F2F0fe
  • checkbox.selectBorder#F4F2F0fe
  • commandCenter.activeBackground#DACED187
  • commandCenter.activeBorder#F4F2F0fe
  • commandCenter.activeForeground#A04025fe
  • commandCenter.background#E2DED7fe
  • commandCenter.border#F4F2F0fe
  • commandCenter.foreground#453412ce
  • commandCenter.inactiveBorder#D6D0C79c
  • commandCenter.inactiveForeground#453D2F65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F700
  • contrastBorder#FAFBFA00
  • debugConsole.errorForeground#900090ce
  • debugConsole.infoForeground#453412ce
  • debugConsole.sourceForeground#453412ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#691434fe
  • debugExceptionWidget.background#FFBDFFa0
  • debugExceptionWidget.border#F4F2F0fe
  • debugIcon.breakpointCurrentStackframeForeground#1A3D27fe
  • debugIcon.breakpointDisabledForeground#49413565
  • debugIcon.breakpointForeground#42351Afe
  • debugIcon.breakpointStackframeForeground#433237fe
  • debugIcon.breakpointUnverifiedForeground#153F23fe
  • debugIcon.continueForeground#2F3B15fe
  • debugIcon.disconnectForeground#3F392Efe
  • debugIcon.pauseForeground#1A3B3Ffe
  • debugIcon.restartForeground#5D0F6Afe
  • debugIcon.startForeground#1D3D27fe
  • debugIcon.stepBackForeground#0C3C45fe
  • debugIcon.stepIntoForeground#1F3E29fe
  • debugIcon.stepOutForeground#1A1AA7fe
  • debugIcon.stepOverForeground#233E01fe
  • debugIcon.stopForeground#053D42fe
  • debugTokenExpression.boolean#21251Cca
  • debugTokenExpression.error#15151Cca
  • debugTokenExpression.name#211E18ca
  • debugTokenExpression.number#1B151Cca
  • debugTokenExpression.value#251C1Fca
  • debugToolBar.background#FFBDFFb5
  • debugToolBar.border#F4F2F0fe
  • debugView.exceptionLabelBackground#DACDDAca
  • debugView.exceptionLabelForeground#581C5Fca
  • debugView.stateLabelBackground#C5D4D4ca
  • debugView.stateLabelForeground#1F3B3Fca
  • debugView.valueChangedHighlight#1C1915ca
  • descriptionForeground#453412ce
  • diffEditor.border#F7F6F500
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B0DDB2fb
  • diffEditor.insertedTextBorder#FAFBFA00
  • diffEditor.move.border#FAFAFB00
  • diffEditor.moveActive.border#FBFAFA00
  • diffEditor.removedLineBackground#FFC2C231
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#F7F5F700
  • diffEditor.unchangedCodeBackground#E2DED7fe
  • diffEditor.unchangedRegionBackground#E2DED7fe
  • diffEditor.unchangedRegionForeground#453412ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#443D3165
  • dropdown.background#F4F2F0fe
  • dropdown.border#F4F2F0fe
  • dropdown.foreground#453412ce
  • dropdown.listBackground#F4F2F0fe
  • editor.background#E2DED7fe
  • editor.findMatchBackground#8E8EAAab
  • editor.findMatchBorder#F4F2F0fe
  • editor.findMatchHighlightBackground#8989A7ad
  • editor.findMatchHighlightBorder#F4F2F0fe
  • editor.findRangeHighlightBackground#B7AD9Ca7
  • editor.findRangeHighlightBorder#F4F2F0fe
  • editor.focusedStackFrameHighlightBackground#AA8E968c
  • editor.foldBackground#2D5839a5
  • editor.foreground#453412ce
  • editor.hoverHighlightBackground#859FA3a9
  • editor.inactiveSelectionBackground#CCC5B993
  • editor.inlineValuesBackground#E2DED7fe
  • editor.inlineValuesForeground#453412ce
  • editor.lineHighlightBackground#CCC5B9b1
  • editor.lineHighlightBorder#FAFBFA00
  • editor.linkedEditingBackground#E2DED7fe
  • editor.rangeHighlightBackground#9B809Fa3
  • editor.rangeHighlightBorder#F4F2F0fe
  • editor.selectionBackground#CFBFC4ac
  • editor.selectionForeground#2F3B15ca
  • editor.selectionHighlightBackground#9DB5A484
  • editor.selectionHighlightBorder#F4F2F0fe
  • editor.snippetFinalTabstopHighlightBackground#B3BDA7a9
  • editor.snippetFinalTabstopHighlightBorder#F4F2F0fe
  • editor.snippetTabstopHighlightBackground#9AA789ae
  • editor.snippetTabstopHighlightBorder#F4F2F0fe
  • editor.stackFrameHighlightBackground#9F85A3a9
  • editor.symbolHighlightBackground#B59DA4a9
  • editor.symbolHighlightBorder#F4F2F0fe
  • editor.wordHighlightBackground#98B29Fa2
  • editor.wordHighlightBorder#F7F5F700
  • editor.wordHighlightStrongBackground#A7A7BDa4
  • editor.wordHighlightStrongBorder#FBFAFA00
  • editor.wordHighlightTextBackground#9F85A3a1
  • editor.wordHighlightTextBorder#F7F5F700
  • editorBracketHighlight.foreground1#0D0C0Ace
  • editorBracketHighlight.foreground2#0D0C0Ace
  • editorBracketHighlight.foreground3#0D0C0Ace
  • editorBracketHighlight.foreground4#0D0C0Ace
  • editorBracketHighlight.foreground5#0D0C0Ace
  • editorBracketHighlight.foreground6#0D0C0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#453412ce
  • editorBracketMatch.background#5F4C2Ca9
  • editorBracketMatch.border#F4F2F0fe
  • editorBracketPairGuide.activeBackground1#2727ED88
  • editorBracketPairGuide.activeBackground2#2323F381
  • editorBracketPairGuide.activeBackground3#5F486389
  • editorBracketPairGuide.activeBackground4#2B2BE685
  • editorBracketPairGuide.activeBackground5#2F555A87
  • editorBracketPairGuide.activeBackground6#6A417183
  • editorBracketPairGuide.background1#DACDDAfe
  • editorBracketPairGuide.background2#C9D3D7fe
  • editorBracketPairGuide.background3#C9D4D6fe
  • editorBracketPairGuide.background4#D0D0DCfe
  • editorBracketPairGuide.background5#C8D4D6fe
  • editorBracketPairGuide.background6#D6D1C6fe
  • editorCodeLens.foreground#674A1F6e
  • editorCommentsWidget.rangeActiveBackground#5B4D36fe
  • editorCommentsWidget.rangeBackground#E2DED7fe
  • editorCommentsWidget.resolvedBorder#F4F2F0fe
  • editorCommentsWidget.unresolvedBorder#FFC3C3cb
  • editorCursor.background#E2DED7fe
  • editorCursor.foreground#C94B27fe
  • editorError.background#FBFAFA00
  • editorError.border#F7F6F500
  • editorError.foreground#900090ce
  • editorGhostText.background#E2DED7fe
  • editorGhostText.border#F5F7F700
  • editorGhostText.foreground#674A1F6e
  • editorGroup.border#F4F2F0fe
  • editorGroup.dropBackground#E2DED7fe
  • editorGroup.dropIntoPromptBackground#E2DED7fe
  • editorGroup.dropIntoPromptBorder#F4F2F0fe
  • editorGroup.dropIntoPromptForeground#453412ce
  • editorGroup.emptyBackground#E2DED7fe
  • editorGroup.focusedEmptyBorder#F4F2F0fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#F0EEEBae
  • editorGroupHeader.tabsBackground#DEDAD2a1
  • editorGroupHeader.tabsBorder#FBFAFA00
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#E2DED7fe
  • editorGutter.commentGlyphForeground#453412ce
  • editorGutter.commentRangeForeground#453412ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#453412ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F5F7F700
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F4F2F0fe
  • editorHoverWidget.border#F4F2F0fe
  • editorHoverWidget.foreground#453412ce
  • editorHoverWidget.highlightForeground#07401Cca
  • editorHoverWidget.statusBarBackground#E2DED7fe
  • editorIndentGuide.activeBackground1#682C19fe
  • editorIndentGuide.activeBackground2#742109fe
  • editorIndentGuide.activeBackground3#72240Efe
  • editorIndentGuide.activeBackground4#762008fe
  • editorIndentGuide.activeBackground5#6A2C1Bfe
  • editorIndentGuide.activeBackground6#6A2C1Bfe
  • editorIndentGuide.background1#5B444B35
  • editorIndentGuide.background2#40324335
  • editorIndentGuide.background3#4B4B6535
  • editorIndentGuide.background4#55604835
  • editorIndentGuide.background5#6E535B35
  • editorIndentGuide.background6#39394C35
  • editorInfo.background#F7F6F500
  • editorInfo.border#F7F5F700
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#E2DED7fe
  • editorInlayHint.foreground#453412ce
  • editorInlayHint.parameterBackground#E2DED7fe
  • editorInlayHint.parameterForeground#453412ce
  • editorInlayHint.typeBackground#E2DED7fe
  • editorInlayHint.typeForeground#453412ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#B84727fe
  • editorLineNumber.dimmedForeground#634C226e
  • editorLineNumber.foreground#674A1F6e
  • editorLink.activeForeground#803722fe
  • editorMarkerNavigation.background#F4F2F0fe
  • editorMarkerNavigationError.background#FFBDFFa6
  • editorMarkerNavigationError.headerBackground#FFBDFFa2
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#F9CE00fe
  • editorMarkerNavigationWarning.headerBackground#F9CE00fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#E2DED7fe
  • editorOverviewRuler.border#D6D0C7fe
  • editorOverviewRuler.bracketMatchForeground#453412ce
  • editorOverviewRuler.commentForeground#634C226e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#453412ce
  • editorOverviewRuler.currentContentForeground#505050b5
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#900090ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#581C5Fca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#233E01ca
  • editorOverviewRuler.wordHighlightStrongForeground#453412ce
  • editorOverviewRuler.wordHighlightTextForeground#453412ce
  • editorPane.background#E2DED7fe
  • editorRuler.foreground#5D4E352d
  • editorStickyScroll.background#E2DED7fe
  • editorStickyScrollHover.background#D6D0C76e
  • editorSuggestWidget.background#F4F2F0fe
  • editorSuggestWidget.border#F7F6F500
  • editorSuggestWidget.focusHighlightForeground#5B2B63fe
  • editorSuggestWidget.foreground#512B37fe
  • editorSuggestWidget.highlightForeground#6D0E29ca
  • editorSuggestWidget.selectedBackground#A3858D8d
  • editorSuggestWidget.selectedForeground#423515ca
  • editorSuggestWidget.selectedIconForeground#5B1566ca
  • editorSuggestWidgetStatus.foreground#32325Bfe
  • editorUnicodeHighlight.background#8E8EAAac
  • editorUnicodeHighlight.border#F4F2F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#F5F7F700
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#453412ce
  • editorWidget.background#F4F2F0fe
  • editorWidget.border#F4F2F0fe
  • editorWidget.foreground#453412ce
  • editorWidget.resizeBorder#F4F2F0fe
  • errorForeground#900090ce
  • extensionBadge.remoteBackground#A04025fe
  • extensionBadge.remoteForeground#F0EEEBfe
  • extensionButton.background#D6D1C7ae
  • extensionButton.foreground#453412ce
  • extensionButton.hoverBackground#D6D0C76e
  • extensionButton.prominentBackground#E2DED7fe
  • extensionButton.prominentForeground#453412ce
  • extensionButton.prominentHoverBackground#E2DED7fe
  • extensionButton.separator#F5F7F700
  • extensionIcon.preReleaseForeground#173C43fe
  • extensionIcon.sponsorForeground#433417fe
  • extensionIcon.starForeground#433417fe
  • extensionIcon.verifiedForeground#273B2Efe
  • focusBorder#FAFBFA00
  • foreground#453412ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#5F4C2Cae
  • inlineChat.background#C8D4D6ca
  • inlineChat.border#DACDDAca
  • inlineChat.regionHighlight#171117ca
  • inlineChat.shadow#15151Cca
  • inlineChatDiff.inserted#171113ca
  • inlineChatDiff.removed#2A1F23ca
  • inlineChatInput.background#191C15ca
  • inlineChatInput.border#CED4C6ca
  • inlineChatInput.focusBorder#FBFAFA00
  • inlineChatInput.placeholderForeground#2C3B17ca
  • input.background#F4F2F0fe
  • input.border#F4F2F0fe
  • input.foreground#453412ce
  • input.placeholderForeground#534A3C65
  • inputOption.activeBackground#F4F2F0fe
  • inputOption.activeBorder#F4F2F0fe
  • inputOption.activeForeground#983E25fe
  • inputOption.hoverBackground#F4F2F0fe
  • inputValidation.errorBackground#670067c1
  • inputValidation.errorBorder#FFBDFFb2
  • inputValidation.errorForeground#900090ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F2F0fe
  • inputValidation.infoForeground#453412ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F2F0fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F4F2F0fe
  • interactive.inactiveCodeBorder#D6D0C793
  • keybindingLabel.background#E2DED7fe
  • keybindingLabel.border#F4F2F0fe
  • keybindingLabel.bottomBorder#F4F2F0fe
  • keybindingLabel.foreground#453412ce
  • keybindingTable.headerBackground#E2DED7fe
  • keybindingTable.rowsBackground#E2DED7fe
  • list.activeSelectionBackground#BCC4B08c
  • list.activeSelectionForeground#153C3Cca
  • list.activeSelectionIconForeground#423515ca
  • list.deemphasizedForeground#453412ce
  • list.dropBackground#E2DED7fe
  • list.errorForeground#900090ce
  • list.filterMatchBackground#E2DED7fe
  • list.filterMatchBorder#F4F2F0fe
  • list.focusAndSelectionOutline#FAFAFB00
  • list.focusBackground#D0C9BE96
  • list.focusForeground#A04025fe
  • list.focusHighlightForeground#7B0F37fe
  • list.focusOutline#FBFAFA00
  • list.highlightForeground#323263ca
  • list.hoverBackground#DACED1ae
  • list.hoverForeground#A84326fe
  • list.inactiveFocusBackground#CCC5B99d
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#F0EEEBae
  • list.inactiveSelectionForeground#584F3F65
  • list.inactiveSelectionIconForeground#584F3F65
  • list.invalidItemForeground#453412ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#E2DED7fe
  • listFilterWidget.noMatchesOutline#FAFAFB00
  • listFilterWidget.outline#F7F6F500
  • listFilterWidget.shadow#FBFAFA00
  • menu.background#F0EEEBfe
  • menu.border#FAFAFB00
  • menu.foreground#483313ae
  • menu.selectionBackground#CBBABFa4
  • menu.selectionBorder#FAFAFB00
  • menu.selectionForeground#803722fe
  • menu.separatorBackground#D7D2C865
  • menubar.selectionBackground#D6C9CDae
  • menubar.selectionBorder#F7F5F700
  • menubar.selectionForeground#B84727fe
  • merge.border#F4F2F0fe
  • merge.commonContentBackground#E2DED7fe
  • merge.commonHeaderBackground#E2DED7fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B0DDB2fb
  • merge.incomingContentBackground#B0DDB2cb
  • merge.incomingHeaderBackground#B0DDB2fb
  • mergeEditor.change.background#E2DED7fe
  • mergeEditor.change.word.background#E2DED7fe
  • mergeEditor.changeBase.background#E2DED7fe
  • mergeEditor.changeBase.word.background#E2DED7fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F2F0fe
  • mergeEditor.conflict.handledUnfocused.border#DBD6CD32
  • mergeEditor.conflict.input1.background#F4F2F0fe
  • mergeEditor.conflict.input2.background#F4F2F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b0
  • mergeEditor.conflict.unhandledFocused.border#F4F2F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D2C828
  • mergeEditor.conflictingLines.background#E2DED7fe
  • minimap.background#E2DED7fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0C0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A50000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#9A8C74fe
  • minimapSlider.background#C2B9ABae
  • minimapSlider.hoverBackground#ACA08D6e
  • notebook.cellBorderColor#F4F2F0fe
  • notebook.cellEditorBackground#E2DED7fe
  • notebook.cellHoverBackground#E2DED7fe
  • notebook.cellInsertionIndicator#1F2A23ca
  • notebook.cellStatusBarItemHoverBackground#E2DED7fe
  • notebook.cellToolbarSeparator#171113ca
  • notebook.editorBackground#E2DED7fe
  • notebook.focusedCellBackground#E2DED7fe
  • notebook.focusedCellBorder#883923fe
  • notebook.focusedEditorBorder#F4F2F0fe
  • notebook.inactiveFocusedCellBorder#9A8C748e
  • notebook.inactiveSelectedCellBorder#9A8C748e
  • notebook.outputContainerBackgroundColor#E2DED7fe
  • notebook.outputContainerBorderColor#F4F2F0fe
  • notebook.selectedCellBackground#E2DED7fe
  • notebook.selectedCellBorder#F4F2F0fe
  • notebook.symbolHighlightBackground#E2DED7fe
  • notebookEditorOverviewRuler.runningCellForeground#453412ce
  • notebookScrollbarSlider.activeBackground#93846Afe
  • notebookScrollbarSlider.background#BEB5A6ae
  • notebookScrollbarSlider.hoverBackground#B0A5926e
  • notebookStatusErrorIcon.foreground#900090ce
  • notebookStatusRunningIcon.foreground#1D3D27fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F4F2F0fe
  • notificationCenterHeader.background#E2DED7fe
  • notificationCenterHeader.foreground#453412ce
  • notificationLink.foreground#453412ce
  • notifications.background#E2DED7fe
  • notifications.border#F4F2F0fe
  • notifications.foreground#453412ce
  • notificationsErrorIcon.foreground#900090ce
  • notificationsInfoIcon.foreground#562737fe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F4F2F0fe
  • panel.background#E2DED7fe
  • panel.border#F4F2F0fe
  • panel.dropBorder#F4F2F0fe
  • panelInput.border#F4F2F0fe
  • panelSection.border#F4F2F0fe
  • panelSection.dropBackground#E2DED7fe
  • panelSectionHeader.background#E2DED7fe
  • panelSectionHeader.border#F4F2F0fe
  • panelSectionHeader.foreground#453412ce
  • panelTitle.activeBorder#F7F6F500
  • panelTitle.activeForeground#6A2D1Dfe
  • panelTitle.inactiveForeground#49413565
  • peekView.border#6F2712fe
  • peekViewEditor.background#F4F2F0fe
  • peekViewEditor.matchHighlightBackground#B7C0AC85
  • peekViewEditor.matchHighlightBorder#FBFAFA00
  • peekViewEditorGutter.background#F4F2F0fe
  • peekViewEditorStickyScroll.background#E2DED7fe
  • peekViewResult.background#F0EEEBfe
  • peekViewResult.fileForeground#453412ce
  • peekViewResult.lineForeground#453412ce
  • peekViewResult.matchHighlightBackground#8EAA9685
  • peekViewResult.selectionBackground#8585A38a
  • peekViewResult.selectionForeground#5D0F6Aca
  • peekViewTitle.background#F0EEEBfe
  • peekViewTitleDescription.foreground#453412ce
  • peekViewTitleLabel.foreground#453412ce
  • pickerGroup.border#F4F2F0fe
  • pickerGroup.foreground#453412ce
  • ports.iconRunningProcessForeground#4F2756fe
  • problemsErrorIcon.foreground#900090ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#883923fe
  • profileBadge.foreground#F0EEEBfe
  • progressBar.background#E2DED7fe
  • quickInput.background#F0EEEBfe
  • quickInput.foreground#483212ae
  • quickInputList.focusBackground#98B29Fab
  • quickInputList.focusForeground#983E25fe
  • quickInputList.focusIconForeground#903C24fe
  • quickInputTitle.background#F4F2F0fe
  • sash.hoverBorder#F4F2F0fe
  • scrollbar.shadow#FAFBFA00
  • scrollbarSlider.activeBackground#97886Ffe
  • scrollbarSlider.background#C2B9ABae
  • scrollbarSlider.hoverBackground#ACA08D6e
  • search.resultsInfoForeground#453412ce
  • searchEditor.findMatchBackground#B2989Fae
  • searchEditor.findMatchBorder#F4F2F0fe
  • searchEditor.textInputBorder#F4F2F0fe
  • selection.background#E2DED7fe
  • settings.checkboxBackground#F4F2F0fe
  • settings.checkboxBorder#F4F2F0fe
  • settings.checkboxForeground#453412ce
  • settings.dropdownBackground#F4F2F0fe
  • settings.dropdownBorder#F4F2F0fe
  • settings.dropdownForeground#453412ce
  • settings.dropdownListBorder#F4F2F0fe
  • settings.focusedRowBackground#A3AE938c
  • settings.focusedRowBorder#F4F2F0fe
  • settings.headerBorder#F4F2F0fe
  • settings.headerForeground#453412ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F2F0fe
  • settings.numberInputBorder#F4F2F0fe
  • settings.numberInputForeground#453412ce
  • settings.rowHoverBackground#E2DED7fe
  • settings.sashBorder#F4F2F0fe
  • settings.settingsHeaderHoverForeground#A04025fe
  • settings.textInputBackground#F4F2F0fe
  • settings.textInputBorder#F4F2F0fe
  • settings.textInputForeground#453412ce
  • sideBar.background#E2DED7fe
  • sideBar.border#F4F2F0fe
  • sideBar.dropBackground#E2DED7fe
  • sideBar.foreground#5F4C2Cae
  • sideBarSectionHeader.background#F7F6F500
  • sideBarSectionHeader.border#F4F2F0fe
  • sideBarSectionHeader.foreground#453412ce
  • sideBarTitle.foreground#453412ce
  • sideBySideEditor.horizontalBorder#F4F2F0fe
  • sideBySideEditor.verticalBorder#F4F2F0fe
  • simpleFindWidget.sashBorder#F4F2F0fe
  • statusBar.background#F0EEEBfe
  • statusBar.border#F4F2F0fe
  • statusBar.debuggingBackground#FFBDFFa6
  • statusBar.debuggingBorder#F4F2F0fe
  • statusBar.debuggingForeground#453412ce
  • statusBar.focusBorder#FBFAFA00
  • statusBar.foreground#6A49156e
  • statusBar.noFolderBackground#F0EEEBfe
  • statusBar.noFolderBorder#F4F2F0fe
  • statusBar.noFolderForeground#453412ce
  • statusBarItem.activeBackground#F0EEEBfe
  • statusBarItem.compactHoverBackground#F0EEEBfe
  • statusBarItem.errorBackground#FFBDFFbe
  • statusBarItem.errorForeground#900090ce
  • statusBarItem.errorHoverBackground#FFBDFFb2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFB00
  • statusBarItem.hoverBackground#F0EEEBfe
  • statusBarItem.hoverForeground#883923fe
  • statusBarItem.offlineBackground#F0EEEBfe
  • statusBarItem.offlineForeground#453412ce
  • statusBarItem.offlineHoverBackground#F0EEEBfe
  • statusBarItem.offlineHoverForeground#983E25fe
  • statusBarItem.prominentBackground#F0EEEBfe
  • statusBarItem.prominentForeground#453412ce
  • statusBarItem.prominentHoverBackground#F0EEEBfe
  • statusBarItem.prominentHoverForeground#C14927fe
  • statusBarItem.remoteBackground#B04526fe
  • statusBarItem.remoteForeground#F0EEEBfe
  • statusBarItem.remoteHoverBackground#F0EEEBfe
  • statusBarItem.remoteHoverForeground#883923fe
  • statusBarItem.warningBackground#F9CE00fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#F9CE00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#1F3B3Ffe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#5D0F6Afe
  • symbolIcon.colorForeground#42351Afe
  • symbolIcon.constantForeground#1F3B3Ffe
  • symbolIcon.constructorForeground#1A1AA7fe
  • symbolIcon.enumeratorForeground#153C3Cfe
  • symbolIcon.enumeratorMemberForeground#373E2Efe
  • symbolIcon.eventForeground#4B3107fe
  • symbolIcon.fieldForeground#27278Afe
  • symbolIcon.fileForeground#5E2137fe
  • symbolIcon.folderForeground#0D0DB5fe
  • symbolIcon.functionForeground#0101BDfe
  • symbolIcon.interfaceForeground#153C3Cfe
  • symbolIcon.keyForeground#512B37fe
  • symbolIcon.keywordForeground#2E3E33fe
  • symbolIcon.methodForeground#5B1566fe
  • symbolIcon.moduleForeground#433417fe
  • symbolIcon.namespaceForeground#691434fe
  • symbolIcon.nullForeground#1D3D27fe
  • symbolIcon.numberForeground#1D3D27fe
  • symbolIcon.objectForeground#373E2Efe
  • symbolIcon.operatorForeground#173E22fe
  • symbolIcon.packageForeground#323263fe
  • symbolIcon.propertyForeground#5E2137fe
  • symbolIcon.referenceForeground#153F23fe
  • symbolIcon.snippetForeground#0101BDfe
  • symbolIcon.stringForeground#32325Bfe
  • symbolIcon.structForeground#153C3Cfe
  • symbolIcon.textForeground#1A3B3Ffe
  • symbolIcon.typeParameterForeground#153F23fe
  • symbolIcon.unitForeground#27278Afe
  • symbolIcon.variableForeground#4B3107fe
  • tab.activeBackground#EDEAE6fe
  • tab.activeBorder#F7F5F700
  • tab.activeBorderTop#682C19fe
  • tab.activeForeground#682C19fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFBFA00
  • tab.hoverBackground#80374Ca8
  • tab.hoverBorder#F4F2F0fe
  • tab.hoverForeground#903C24fe
  • tab.inactiveBackground#D7D1C795
  • tab.inactiveForeground#534A3C65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F4F2F0fe
  • tab.unfocusedActiveBackground#DBD6CD35
  • tab.unfocusedActiveBorder#F7F6F500
  • tab.unfocusedActiveBorderTop#D7D2C865
  • tab.unfocusedActiveForeground#584F3F65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5D4E352c
  • tab.unfocusedHoverBorder#D7D2C825
  • tab.unfocusedHoverForeground#534A3C65
  • tab.unfocusedInactiveBackground#C9C1B499
  • tab.unfocusedInactiveForeground#534A3C65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333af
  • 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#670067c1
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececb
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2DED7fe
  • terminal.border#F4F2F0fe
  • terminal.dropBackground#E2DED7fe
  • terminal.findMatchBackground#E2DED7fe
  • terminal.findMatchBorder#F4F2F0fe
  • terminal.findMatchHighlightBackground#E2DED7fe
  • terminal.findMatchHighlightBorder#F4F2F0fe
  • terminal.foreground#5F4C2Cae
  • terminal.hoverHighlightBackground#E2DED7fe
  • terminal.inactiveSelectionBackground#C5BDAF96
  • terminal.selectionBackground#A2B9A88d
  • terminal.selectionForeground#0101BDca
  • terminal.tab.activeBorder#6F2712fe
  • terminalCommandDecoration.defaultBackground#31573Cad
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#E2DED7fe
  • terminalCursor.foreground#A84326fe
  • terminalOverviewRuler.cursorForeground#453412ce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c099
  • testing.iconUnset#808080b9
  • testing.message.error.decorationForeground#95290Bfe
  • testing.message.error.lineBackground#FFBDFFc4
  • testing.message.info.decorationForeground#942B0Cfe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F4F2F0fe
  • testing.peekHeaderBackground#E2DED7fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2DED7fe
  • textBlockQuote.border#F4F2F0fe
  • textCodeBlock.background#E2DED7fe
  • textLink.activeForeground#983E25fe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#453412ce
  • textSeparator.foreground#453412ce
  • titleBar.activeBackground#F0EEEBfe
  • titleBar.activeForeground#533910ae
  • titleBar.border#FAFBFA00
  • titleBar.inactiveBackground#D7D0C7d4
  • titleBar.inactiveForeground#4E463865
  • toolbar.activeBackground#DACED184
  • toolbar.hoverBackground#E2DED7fe
  • toolbar.hoverOutline#F7F5F700
  • tree.inactiveIndentGuidesStroke#56567335
  • tree.indentGuidesStroke#95290Bfe
  • tree.tableColumnsBorder#F4F2F0fe
  • tree.tableOddRowsBackground#E2DED7fe
  • walkThrough.embeddedEditorBackground#E2DED7fe
  • walkthrough.stepTitle.foreground#453412ce
  • welcomePage.background#E2DED7fe
  • welcomePage.progress.background#E2DED7fe
  • welcomePage.progress.foreground#453412ce
  • welcomePage.tileBackground#E2DED7fe
  • welcomePage.tileBorder#F4F2F0fe
  • welcomePage.tileHoverBackground#E2DED7fe
  • widget.border#F4F2F0fe
  • widget.shadow#FAFBFA00
  • window.activeBorder#F4F2F0fe
  • window.inactiveBorder#D6D0C792

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3D2C126e—
comment.block.html#3D2D136e—
comment.block.java#3A2E156e—
comment.block.javadoc.java#3D2D136e—
comment.block.powershell#3A2E146e—
comment.block.xml#3D2D136e—
comment.line.double-slash.c#3A2E156e—
comment.line.double-slash.cpp#3D2C126e—
comment.line.double-slash.java#3D2D136e—
comment.line.double-slash.js#3D2C126e—
comment.line.number-sign.makefile#3A2E156e—
comment.line.number-sign.python#3D2D136e—
comment.line.number-sign.yaml#3A2E156e—
comment.line.percentage.erlang#3A2E146e—
comment.line.powershell#3D2C126e—
comment.source.cmake#3D2D136e—
comment.source.cmakecache#3A2E156e—
constant.character#3F1D63de—
constant.character.character-class.regexp#012383de—
constant.character.escape#421175de—
constant.character.set.regexp#522011de—
constant.language#2F2F2Fde—
constant.numeric#1D3162de—
constant.numeric.dec.python#6A2F1Fde—
constant.other.caps.python#430680de—
constant.other.character-class.regexp#203671de—
constant.other.character-class.set.regexp#163F38de—
constant.other.color.rgb-value#012383de—
constant.other.placeholder#4F2216de—
constant.other.rgb-value#5C0D38de—
constant.regexp#203671de—
constant.sha.git-rebase#1C2E5Bde—
emphasis#2F2F2Fde—
entity.name.class#3E0486de—
entity.name.function#2F2F2Fde—
entity.name.function.preprocessor#0E352Fde—
entity.name.function.python#0A4F43de—
entity.name.label#343814de—
entity.name.namespace#54271Bde—
entity.name.operator#434A0Dde—
entity.name.operator.custom-literal#192C5Fde—
entity.name.scope-resolution#2E3210de—
entity.name.tag#1F346Ade—
entity.name.tag.css#5B1C3Fde—
entity.name.type#182C61debold
entity.name.variable#621D44de—
entity.other.attribute#434A0Fde—
entity.other.attribute-name#0E2873de—
entity.other.attribute-name.class.css#0F352Ede—
entity.other.attribute-name.class.mixin.css#5D1503de—
entity.other.attribute-name.id#5D1503de—
entity.other.attribute-name.id.css#2F2F2Fde—
entity.other.attribute-name.parent-selector.css#162C64de—
entity.other.attribute-name.pseudo-class.css#0D4F44de—
entity.other.attribute-name.pseudo-element.css#54183Ade—
entity.other.attribute-name.scss#401D62de—
entity.other.document.begin.yaml#3A2E156e—
entity.other.inherited-class#2F2F2Fde—
header#0D4F44de—
invalid#430680de—
keyword#5D1503debold
keyword.codetag.notation.python#5D1503debold
keyword.control#0B4F44debold
keyword.control.anchor.regexp#1D3162debold
keyword.control.import.python#424A07debold
keyword.operator#411B66debold
keyword.operator.alignas#0F352Edebold
keyword.operator.alignof#0B4F44debold
keyword.operator.cast#1A2D5Fdebold
keyword.operator.delete#522011debold
keyword.operator.documentation.powershell#3A2E146ebold
keyword.operator.expression#192C5Fdebold
keyword.operator.instanceof#622D1Ddebold
keyword.operator.logical.python#2E320Edebold
keyword.operator.minus.exponent#411B66debold
keyword.operator.negation.regexp#434343debold
keyword.operator.new#541E0Edebold
keyword.operator.noexcept#42156Fdebold
keyword.operator.or.regexp#420C7Cdebold
keyword.operator.plus.exponent#1C2E5Bdebold
keyword.operator.quantifier.regexp#41186Bdebold
keyword.operator.sizeof#194D44debold
keyword.operator.typeid#0B4F44debold
keyword.operator.wordlike#441F6Adebold
keyword.other.operator#3E0486debold
keyword.other.package.java#441F6Adebold
keyword.other.unit#482071debold
keyword.other.using#424A09debold
markup.bold#194D44de—
markup.changed#622D1Dde—
markup.deleted#581439de—
markup.fenced_code.block.markdown#182C61de—
markup.heading#0F352Ede—
markup.inline.raw#2D3303de—
markup.inserted#56163Ade—
markup.italic#012383de—
markup.raw.block.markdown#410185de—
markup.strikethrough#4D2419de—
markup.underline#2F2F2Fde—
meta.block.c#04362Cde—
meta.block.c#434A0Fde—
meta.class.java#6A2F1Fde—
meta.definition.variable.name#04362Cde—
meta.diff.header#313131de—
meta.embedded#4F2216de—
meta.embedded.assembly#132B68de—
meta.function-call.arguments.python#5C0D38de—
meta.function-call.python#6A2F1Fde—
meta.member.access.python#54183Ade—
meta.method.java#3E0486de—
meta.object-literal.key#581439de—
meta.paragraph.markdown#0F4F44de—
meta.preprocessor#6A1F48de—
meta.preprocessor.numeric#4D2419de—
meta.preprocessor.string#71204Dde—
meta.scope.prerequisites.makefile#2F2F2Fde—
meta.structure.dictionary.json.comments#3A2E146e—
meta.structure.dictionary.key.python#441F6Ade—
meta.structure.dictionary.value.json.comments#3A2E156e—
meta.template.expression#434A0Fde—
meta.type.cast.expr#41196Adebold
meta.type.new.expr#162C64debold
parameter#2F2F2Fde—
punctuation.character.set.begin.regexp#0E352Fde—
punctuation.character.set.end.regexp#2E320Ede—
punctuation.definition.array.begin.json#143832de—
punctuation.definition.character-class.regexp#4E2317de—
punctuation.definition.comment#3D2C126e—
punctuation.definition.comment.json.comments#3A2E146e—
punctuation.definition.comment.python#3D2C126e—
punctuation.definition.dictionary.begin.json#2F2F2Fde—
punctuation.definition.dictionary.end.json#343814de—
punctuation.definition.group.assertion.regexp#621D44de—
punctuation.definition.group.regexp#1C2E5Bde—
punctuation.definition.list.begin.json#132B68de—
punctuation.definition.list.begin.markdown#3F3F3Fde—
punctuation.definition.list.begin.python#713220de—
punctuation.definition.list.end.json#420C7Cde—
punctuation.definition.list.end.markdown#434A0Bde—
punctuation.definition.list.end.python#482071de—
punctuation.definition.parameters.begin.python#444A0Cde—
punctuation.definition.parameters.end.bracket.round.java#012383de—
punctuation.definition.quote.begin.markdown#2F2F2Fde—
punctuation.definition.tag#541E0Ede—
punctuation.definition.template-expression.begin#852205de—
punctuation.definition.template-expression.end#5B2A1Cde—
punctuation.section.class.begin.bracket.curly.java#41196Ade—
punctuation.section.embedded#420C7Cde—
punctuation.section.embedded.begin.php#0E2873de—
punctuation.section.embedded.end.php#420C7Cde—
punctuation.terminator.java#5D0C34de—
source.cmake#434343de—
source.coffee.embedded#4D2419de—
source.cpp#541E0Ede—
source.css.less#2F2F2Fde—
source.groovy.embedded#192C5Fde—
source.java#012383de—
source.java-properties#713220de—
source.json.comments#3D2C126e—
source.makefile#3A3F16de—
source.powershell#2F2F2Fde—
source.powershell.variable.other.member#401D62de—
source.python#404617de—
storage#420C7Cde—
storage.modifier#401C65de—
storage.modifier.import.java#3F3F3Fde—
storage.modifier.package.java#1C2E5Bde—
storage.type#420C7Cdebold
storage.type.annotation.groovy#522011debold
storage.type.annotation.java#482071debold
storage.type.boolean.go#410185debold
storage.type.byte.go#0B4F44debold
storage.type.cs#5C0D38debold
storage.type.error.go#852205debold
storage.type.generic.cs#5F0637debold
storage.type.generic.groovy#03362Ddebold
storage.type.generic.java#1A2D5Fdebold
storage.type.groovy#561839debold
storage.type.java#852205debold
storage.type.modifier.cs#203671debold
storage.type.numeric.go#1F346Adebold
storage.type.object.array.groovy#5D0C39debold
storage.type.object.array.java#0E352Fdebold
storage.type.parameters.groovy#444A0Cdebold
storage.type.primitive.array.groovy#430680debold
storage.type.primitive.array.java#194D44debold
storage.type.primitive.groovy#3F3F3Fdebold
storage.type.primitive.java#182C61debold
storage.type.rune.go#434A0Ddebold
storage.type.string.go#313131debold
storage.type.token.java#3F1D63debold
storage.type.uintptr.go#363636debold
storage.type.variable.cs#163F38debold
string#421175de—
string.quoted.docstring.multi.python#3D2C126e—
string.regexp#3E0486de—
string.tag#2F2F2Fde—
string.value#441F6Ade—
strong#41196Ade—
support.class#421175de—
support.constant.color#3A3A3Ade—
support.constant.dom#434A0Dde—
support.constant.font-name#363636de—
support.constant.handlebars#0D352Fde—
support.constant.json#41186Bde—
support.constant.math#1C2E5Bde—
support.constant.media#2F2F2Fde—
support.constant.media-type#482071debold
support.constant.property-value#622D1Dde—
support.function#54183Ade—
support.function.git-rebase#713220de—
support.other.parenthesis.regexp#194D44de—
support.type#5B1C3Fdebold
support.type.property-name#434A0Fdebold
support.type.vendored.property-name#3E0486debold
support.variable#012383de—
token.debug-token#424A09de—
token.error-token#2F2F2Fde—
token.info-token#0D4F44de—
token.warn-token#2F2F2Fde—
variable#0A4F43de—
variable.css#2F2F2Fde—
variable.language#411B66de—
variable.language.wildcard.java#2D3208de—
variable.other.constant#1F346Ade—
variable.other.definition.java#621D44de—
variable.other.enummember#132B68de—
variable.other.less#363636de—
variable.other.object.java#0E2873de—
variable.other.object.property.java#421175de—
variable.parameter.c#5B2A1Cde—
variable.parameter.function.language.python#5B2A1Cde—
variable.parameter.java#163F38de—
variable.scss#0D4F44de—